JQuery操作DOM
操作元素的class属性(在DOM中叫做className属性) 有三个：
1. addClass()用来创建（添加）class属性
2. removeClass()用来移除一个class属性
3. toggleClass()用来交替添加/移除class属性
例子：
$('#elementID').toggleClass('news-list');
首先检测该元素的class="news-list"就移除news-list不然就添加news-list。

现在不用Jquery中的具体操作DOM的方法就可以控制元素的class属性了

接下来看看 JQuery 是如何操作 其他的属性的呢？
JQuery中提供了两个方法：
1.attr() 用来添加/设置属性，可以同时设置多个属性包括class
2.removeAttr() 用来移除属性，可以同时设置多个属性包括class
类似.css()方法也可以同时设置多个css值：
例：***.css('width':100, 'height':100, 'borderLeftWidth':2);

$('#chapter a').attr('rel':'kko');//错误
$('#chapter a').attr({'rel':'kko'});//正确 注意 .attr({...});大括号不要丢了。

这样将这些a标签的rel属性统一设置成了kko，现在如果想为每一个a标签设置不一样的值怎么办呢？（比如id属性是不能重复的。）这里我们就需要用到each()方法了。
$('#chapter a').each(function(index){
     $(this).attr({
           'rel':'kko',
           'id':'kko-' + index
     });
});
each()方法是一个集合类的方法，获取到每一个元素each(function(index){});each()中匿名函数的index参数即为当前元素在这个集合类中的位置下表从0开始计数。

您可能感兴趣的文章: