jQuery addClass()方法

addClass()方法用于将一个或多个类名添加到选定的元素中。此方法仅用于将一个或多个类名添加到class属性中，而不是删除现有的class属性。

如果要添加多个类，请使用空格分隔类名。

语法 :

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

jQuery addClass() 方法的参数

参数	描述
classname	这是一个必填参数。它指定要添加的一个或多个类名。
function(index,oldclass)	这是一个可选参数。它指定一个返回一个或多个要添加的类名的函数。

index：用于提供元素在集合中的索引位置。
oldclass：用于返回所选元素的当前类名。

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>