上次写了一个轮播的方法：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. BootStrap Table使用小结

    1.在当前表格的最后新增数据 $("#data_module_table").bootstrapTable('append', data.data);//data.data---- ...

  2. Clipboard 剪辑板

    ie是最早支持剪辑板相关事件(并且允许javascript接入)的浏览器(鼠标右键复制)   相关事件: beforecopy— Fires just before the copy operatio ...

  3. Python 字典和json的本质区别（个人理解）

    个人理解:字典和json显示的时候差不多,但是数据类型不同(如下图): 字典的类型是字典dict json的类型是字符串str 接口测试是传参数payload时有时候是传的字符串,应该将payload ...

  4. Linux安装nginx代理服务器

    Nginx("engine x")是一款是由俄罗斯的程序设计师Igor Sysoev所开发高性能的 Web和 反向代理 服务器,也是一个 IMAP/POP3/SMTP 代理服务器. ...

  5. python实现查有道词典

    因为要考英语四级,所以我今天一大早就起来被英语单词,但是作为英语渣渣的我,只能是在网页上挨个查单词的意思.查的多了,心生厌倦,便想着如何才能在终端下查单词,那样速度不就很快了? NOW,我仔细观察每次 ...

  6. asp.net 自定义的模板方法接口通用类型

    本来想写这个帖子已经很久了,但是公司事情多,做着做着就忘记了.公司因为需要做接口,而且用的还是asp.net的老框架,使用Handler来做,没得办法,自己照着MVC写了一个通过的接口操作模板. 上送 ...

  7. 原生js实现简单移动端轮播图

    最近项目不是很忙,自己就用原生js写了一个简单的移动端轮播图的小demo,可实现自动轮播和手势滑动轮播,然后就把它记录到个人博客里.还有很多不足的地方,希望多多指出,以便改进. 1.代码部分 分为四个 ...

  8. 配置好postfix邮件服务器之后就可以使用它来发送邮件了

    下面是一段摘自W3school关于php mail函数的栗子,经过测试发现两个问题. <?php $to = "somebody@example.com, somebodyelse@e ...

  9. 轻松驾驭Tomcat

    Tomcat 服务器是一个免费的开放源代码的Web 应用服务器,属于轻量级应用服务器,在中小型系统和并发访问用户不是很多的场合下被普遍使用,是开发和调试JSP 程序的首选.对于一个初学者来说,可以这样 ...

  10. 二：SQL映射文件

    二:SQL映射文件 1.SQL映射文件: (1)mapper:映射文件的根元素节点,只有一个属性namespace(命名空间) 作用:用于区分不同的mapper全局唯一 绑定dao接口即面向接口编程, ...