上次写了一个轮播的方法：http://blog.csdn.net/stronglyh/article/details/46833499

由于别人问我的时候，给了我html。于是乎我就看到了页面中引用了jquery，所以就用jquery写了，今天细想了下jquery中有一个addClass方法。不知道传统的js能否够使用搞定呢。

<html>

<style>

.font_class {

color:#FF0000;

font-weight:bold;

}

</style>

<script language="javascript">

function addClass(cc) {

var obj = document.getElementById('span_1');

var c_class = obj.className;

if(c_class == "") {

obj.className = cc;

} else {

// var reg = /^(.*?)font_1(.*?)$/i;

// new RegExp("(^|\\s)"+className+"(\\s|$)")

var reg = new RegExp("(^|.*?)" + cc + "(.*?)");

if(c_class.match(reg)) {

return;

} else {

c_class += ' ' + cc;

obj.className = c_class;

}

}

}

function removeClass(cc) {

	var obj = document.getElementById('span_1');

	var c_class = obj.className;

	if(c_class == "") {

		return;

	} else {

		var has_c = false;

		var a = c_class.split(" ");

		var l = a.length;

		for(var i=0;i<l;i++) {

	 	  if(a[i] == cc) {

			has_c = true;

			break;

	  	 }

		}

		if(has_c) {

			a.splice(i,1);

			obj.className = a.join(" ");

		}

	}

}

function hasClass(cc) {

var obj = document.getElementById('span_1');

var c_class = obj.className;

var reg = new RegExp("(^|.*?)" + cc + "(.*?)");

if(c_class.match(reg)) {

alert('此class已经存在啦，^_^');

} else {

alert('此class还不存在哦，^_^');

}

}

</script>

<span id="span_1" class="kaishi">o(∩_∩)o...哈哈</span><br />

<input type="button" onclick="addClass('font_class');" value="点我添加class">

<input type="button" onclick="removeClass('font_class');" value="点我删除class">

</html>

当中在删除的时候使用了splice方法

对于这种方法，总共同拥有三个比較经常使用的使用方法，具体解说下：

1.删除-用于删除元素，两个參数，第一个參数（要删除第一项的位置），第二个參数（要删除的项数）

2.插入-向数组指定位置插入随意项元素。三个參数。第一个參数（事实上位置），第二个參数（0），第三个參数（插入的项）

3.替换-向数组指定位置插入随意项元素，同一时候删除随意数量的项，三个參数。第一个參数（起始位置），第二个參数（删除的项数），第三个參数（插入随意数量的项）

var lang = ["php","java","javascript"];

//删除

var removed = lang.splice(1,1);

alert(lang); //php,javascript

alert(removed); //java ,返回删除的项

//插入

var insert = lang.splice(0,0,"asp"); //从第0个位置開始插入

alert(insert); //返回空数组

alert(lang); //asp,php,javascript

//替换

var replace = lang.splice(1,1,"c#","ruby"); //删除一项。插入两项

alert(lang); //asp,c#,ruby

alert(replace); //php,返回删除的项

那么如今大家应该知道怎么使用了吧。突然发现还是jquery比較方便啊。



js----数组处理之splice（有js原始addClass方法哦）的更多相关文章

  1. JS数组slice()和splice()的区别

    以前还是纯小白的时候,总会搞混JS数组的 slice() 和 splice() 方法.因为这2个方法名字太像了,就差一个字母,语法也有类似之处.    现在久了没用,有时候也会忘记,所以做一个总结来区 ...

  2. Js数组的操作push,pop,shift,unshift等方法详细介绍

    js中针对数组操作的方法还是比较多的,今天突然想到来总结一下,也算是温故而知新吧.不过不会针对每个方法进行讲解,我只是选择其中的一些来讲. 首 先来讲一下push和pop方法,这两个方法只会对数组从尾 ...

  3. js 数组的深度拷贝 的四种实现方法

    首先声明本人资质尚浅,本文只用于个人总结.如有错误,欢迎指正.共同提高. --------------------------------------------------------------- ...

  4. js数组删除（splice和delete）

    最近一直在写js的数组,然后就发现了很奇怪的问题,后来才发现了规律. 删除数据的一行,一般有两种方法,一个是splice,一个是delete: splice:删除了数组后,数组的长度会自动变化.用法: ...

  5. js中slice、splice、substr、split方法

    1.slice 可用于数组与字符串,返回一个新的数组,原数组不改变,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素. 在string中 slice(start,e ...

  6. JS数组at函数(获取最后一个元素的方法)介绍

    本文介绍js中数组的at函数,属于比较简单的知识普及性文章,难度不大. 0x00 首先,我们可以思考如下一个问题,如果要获取一个数组的最后一个元素(这是很常用的操作),我们应该怎么做? 相信大部分人能 ...

  7. js 的数组怎么push一个对象. Js数组的操作push,pop,shift,unshift JavaScrip

    push()函数用于向当前数组的添加一个或多个元素,并返回新的数组长度.新的元素将会依次添加到数组的末尾. 该函数属于Array对象,所有主流浏览器均支持该函数. 语法 array.push( ite ...

  8. js数组学习整理

    原文地址:js数组学习整理 常用的js数组操作方法及原理 1.声明数组的方式 var colors = new Array();//空的数组 var colors = new Array(3); // ...

  9. [jQ/PHP]再谈使用JS数组储值的运用（提交PHP处理）

    --------------------------------------------------------------------------------------------------- ...

随机推荐

  1. cloneNode克隆节点在不同浏览器的差异

    cloneNode是用于克隆节点的,如果待克隆的节点还有子节点以及自定义属性.添加的有事件,那么克隆时,可以指定是克隆节点本身,还是将其所有子节点信息也克隆进去,这是通过给cloneNode传递一个布 ...

  2. 小米Java程序员第二轮面试10个问题，你是否会被刷掉？

    近日,开发者头条上分享了一篇"小米java第二轮面经",有很多的java程序员表示非常有兴趣. 下面l就和各位分享小米java第二轮面经(华为java工程师笔试面试题可以看文章某尾 ...

  3. java获取当前上一周、上一月、上一年的时间

    SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); Calendar c = Calend ...

  4. java三大框架项目和Redis组合使用

    已知一个已有的Struts+Spring+Hibernate项目,以前使用MySQL数据库,现在想把Redis也整合进去.1. 相关Jar文件 下载并导入以下3个Jar文件: commons-pool ...

  5. '@P0'附近有语法错误

    做一个分页查询功能,使用到了TOP #{pagenum}然后就报错了.'@P0'附近有语法错误 未解决:#{pagenum}改成${pagenum},但是mybatis报参数未找到错误, 解决:将对应 ...

  6. C#去掉字符串头尾指定字符

    private void button2_Click(object sender, EventArgs e)        {//去掉字符串头尾指定字符            string MyInf ...

  7. c#异步调用的几种方式

    首先,我们分析一下异步处理的环境 需要在当前线程中获取返回值 不需要在当前线程中获取返回值,但是仍然需要对返回值做处理对于第1中情况,还可以继续细分 在当前线程中启动线程T,然后继续执行当前线程中的其 ...

  8. 重写Fields 控制models 数据输出字段

    models: public function Fields() { $fields = parent::Fields();//原来models输出字段 $fields['parentComment' ...

  9. Hibernate持久化对象的三种状态深入理解

    关于OID hibernate缓存是一个map,他会根据OID作为缓存对象的key,我们的映射文件中<id>标签指定的属性值会作为OID 持久化对象的三种状态 为了方便理解,Hiberna ...

  10. 2）C语言的基本知识（C自考学习）

    字符集 在C语言程序中允许出现的所有基本字符的组合称为C语言的字符集.C语言的字符集就是ASCII字符集.主要包含一下几类: 1)大小写英文字母A~Z,a~z(52个) 2)数字0-9(10个) 3) ...