js中addclass方法(jquery中addclass方法)
如何通过js在li的奇偶或单双标签中增加class？
如果只是个视觉修饰而不是逻辑功能的话，能用css实现的效果就不要用js去做，css3的选择器：
nth-of-type()可以判断奇偶，虽然有可能低版本IE不支持，但是视觉效果的话低版本放弃就完了。
style
ul?li:nth-of-type(odd){奇数行样式}???
ul?li:nth-of-type(even){偶数行样式}
style??
如果我说服不了你，一定要js的话，那么继续：
?
script?id="jquery_182"?type="text/javascript"?class="library"
?src="/js/sandbox/jquery/jquery-1.8.2.min.js"/script
meta?charset="utf-8"?/
ul?id="list"
????lia?href="#"1/a/li
????lia?href="#"2/a/li
????lia?href="#"3/a/li
/ul
script
function?CheckLI()?{
????var?obj?=?document.getElementById("list").getElementsByTagName("li");//取得#list下所有li
????for(var?i=0;iobj.length;i++){//循环出每个li
????????//下面两句中添加class用的jquery的addClass()方法，需要载入JQ才支持，js原生的方法需要IE10才支持，兼容的方法要另外写函数，手打的，直接最简单的JQ实现
????if(i?%?2?==?0)?{$(obj[i]).addClass("ou");}//如果被2整除是偶数
????????else?{$(obj[i]).addClass("ji");}//否则是奇数
????}
}
window.onload?=?CheckLI;//网页载入后执行以上函数
/script
style
????.ji{color:?red;}
????.ou{color:?yellow;}
/style
如何用javascript为元素添加class
以给?body?标签添加?class?为例
通过?jQuery
$(?'body').addClass(?'class1?class2'?);
$(?'body'?).removeClass(?'class1?class2'?);
支持?classList?的高级浏览器（IE10+，Chrome，Firefox，Safari）
document.body.classList.add(?'class1',?'class2'?);
document.body.classList.remove(?'class1',?'class2'?);
不支持?classList?的浏览器只能通过?className?来添加
document.body.className?+=?'?class1?class2'
《关于jQuery中addClass方法的问题》
不要用addClass，因为用addClass之后，会让对象的class="jia jian"，这样图片肯定是不会变的。
你应该改成attr，比如上面两句：
$(".firstspan").addClass("jian"); 改成 $(".firstspan").attr("class", "jian");
$(".firstspan").addClass("jia"); 改成 $(".firstspan").attr("class", "jia");
这样class就会在class="jia"和class="jian"之间互相切换了。
jquery的addClass和removeClass使用方法是什么？
addClass
描述:?为每个匹配的元素添加指定的样式类名
.addClass( className ),className为一个String字符串，为指定元素添加这个classname的类
.addClass( function(index, currentClass) )，这个函数返回一个或更多用空格隔开的要增加的样式名。接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容。在函数中this指向匹配元素集合中的当前元素。
removeClass
描述:?移除集合中每个匹配元素上一个，多个或全部样式。
.removeClass( [className ] )，每个匹配元素移除的一个或多个用空格隔开的样式名。
.removeClass( function(index, class) )，这个函数，返回一个或多个将要被移除的样式名。index 参数表示在所有匹配元素的集合中当前元素的索引位置。class 参数表示原有的样式名。
jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jouml;rn Zaefferer，罗马尼亚的Stefan Petre等等。
jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。
jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。
jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。
js实现addClass添加样式
今天和大家分享如何用原生js实现添加样式功能
jQuery里封装的有addClass函数，调用十分方便，那么用JS如何实现呢，下面我们来介绍下。
首先是CSS部分
写一个新的class用来添加
HTML部分
一个没有样式的div
script部分
声明addClass函数，把标签元素和新的class作为参数传进去，进行判断，如果标签元素原来有样式，那么就增加一个样式，如果没有样式，那么就把标签元素的样式设为传进来的样式。
调用函数，这样就实现了样式的添加。
更多前端内容 请 点击关注 点击关注