srcmini本文概述
addclass()方法用于将一个或多个类名称添加到所选元素。此方法仅用于将一个或多个类名称添加到类属性, 而不会删除现有的类属性。
如果要添加多个类, 请用空格分隔类名称。
句法：
$(selector).addClass(classname, function(index, oldclass))jQuery addClass()方法的参数
| 参数 | 描述 |
|---|---|
| Classname | 它是必填参数。它指定一个或多个你要添加的类名。 |
| Function (index, currentclass) | 它是一个可选参数。它指定一个返回一个或多个要添加的类名称的函数。索引：用于提供元素在集合中的索引位置。 Currentclass：用于返回所选元素的当前类名称。 |
jQuery addClass()方法的示例
让我们以一个示例来演示jQuery addclass()方法的效果：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p:first").addClass("intro");
});
});
</script>
<style>
.intro {
font-size: 200%;
color: red;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Add a class name to the first p element</button>
</body>
</html>立即测试
评论前必须登录！
注册