addClass描述与实例

　　.addClass( className )

　　描述: 为每个匹配的元素添加指定的样式类名

　　className

　　类型: String

　　为每个匹配元素所要增加的一个或多个样式名。

　　.addClass( function(index, currentClass) )

　　function(index, currentClass)

　　类型: Function()

　　这个函数返回一个或更多用空格隔开的要增加的样式名。接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容。在函数中this指向匹配元素集合中的当前元素。

　　值得注意的是这个方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上。

　　对所有匹配的元素可以一次添加多个用空格隔开的样式类名, 像这样：

　　$("p").addClass("myClass yourClass");

　　这个方法通常和.removeClass()一起使用，用来切换元素的样式, 像这样：

　　$("p").removeClass("myClass noClass").addClass("yourClass");

　　这里, myClass 和 noClass 样式名在所有段落上被移除，然后 yourClass 被添加。

　　自 jQuery 1.4开始, .addClass() 方法允许我们通过传递一个用来设置样式类名的函数。

　　$("ul li:last").addClass(function(index) {

　　return "item-" + index;

　　});

　　给定一个有2个<li>元素的无序列表，这个例子将在最后一个<li>元素上加上"item-1"样式。

　　例子:

　　Example: 在匹配的元素上加上'selected'样式。

　　<!DOCTYPE html>

　　<html>

　　<head>

　　<style>

　　p { margin: 8px; font-size:16px; }

　　.selected { color:blue; }

　　.highlight { background:yellow; }

　　</style>

　　</head>

　　<body>

　　<p>Hello</p>

　　<p>Goodbye</p>

　　$("p").last().addClass("selected");

　　</script>

　　</body>

　　</html>

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h63987.shtml