jQuery addClass() 方法

定义和用法

addClass() 方法向被选元素添加一个或多个类名。

该方法不会移除已存在的 class 属性，仅仅添加一个或多个类名到 class 属性。

提示：如需添加多个类，请使用空格分隔类名。

语法

$(selector).addClass(classname,function(index,oldclass))

参数

参数	必需的	描述
classname	是	规定一个或多个要添加的类名称。
function(index,currentclass)	否	规定返回一个或多个待添加类名的函数。 index - 返回集合中元素的 index 位置。 currentclass - 返回被选元素的当前类名。

实例

下例演示了显示如何将类属性添加到不同的元素。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到菜鸟教程</title>
//此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
   $("button").click(function(){
         $("h1,h2,p").addClass("blue");
         $("div").addClass("important");
   });
});
</script>
</head>
<body>
   <h1>这个是h1</h1>
   <h1>这个是h2</h2>
   <div">这个是p</div>
   <div">这个是div</div>
   <button>点击添加类</button>
</body>
</html>

尝试一下

jQuery addClass() 方法

定义和用法

语法

参数

实例

相关页面