jQuery addClass() jQueryaddClass()|jQuery

本文概述

jQuery addClass()方法的参数
jQuery addClass()方法的示例

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>

【jQuery addClass()】立即测试