jQuery addClass() 方法
实例
向第一个 <p> 元素添加样式类名:
<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p:first").addClass("intro");
});
});
</script>
<style>
.intro {
font-size: 150%;
color: red;
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落</p>
<p>这是另一个段落</p>
<button>向第一个 p 元素添加类名</button>
</body>
</html>
定义与用法
addClass()
方法将一个或多个样式类名添加到所选元素。
此方法不会删除现有的 class
样式类属性,它只向 class
属性添加一个或多个样式类名。
提示: 要添加多个样式类,请用空格分隔样式类名。
语法
$(selector).addClass(classname,function(index,currentclass))
参数 | 描述 |
---|---|
classname | 必填。指定要添加的一个或多个 class 类名 |
function(index,currentclass) | 可选。 指定返回一个或多个要添加的 class 类名的函数
|