jQuery | addClass() 与示例
addClass是 jQuery 中的一个内置方法,用于为每个选定元素添加更多属性。它还可用于更改所选元素的属性。该方法可以以两种不同的方式使用:
1)直接添加类名:
在这里,类名可以直接用于要选择的元素。
句法:
$(selector).addClass(className);
参数:它接受一个参数“className”,它是要添加的类的名称。
返回值:它返回添加了新类的选定元素。
代码#1:
addClass demo
GeeksforGeeks
gfg
CSE
在上面的代码中,在.last()方法和.addClass()方法的帮助下,“p”元素被选中,“selected”类仅应用于最后一个“p”元素。
输出:
2)通过传递一个函数来添加新类:
在这里,可以将一个函数传递给所选元素的 .addClass()。
句法:
$(selector).addClass(function);
参数:它接受一个参数“函数”。
返回值:它返回具有添加函数的选定元素。
代码#2:
This div should be white
This div will be green because now it
has the both "green" and "red" classes.
This div should be white
在上面的代码中,选择了“div”元素,并在一个函数的帮助下将一个新类添加到所选的 div 元素中。
输出: