jQuery addClass() 方法

实例

向第一个 <p> 元素添加样式类名:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("button").click(function(){
  8. $("p:first").addClass("intro");
  9. });
  10. });
  11. </script>
  12. <style>
  13. .intro {
  14. font-size: 150%;
  15. color: red;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <h1>这是一个标题</h1>
  21. <p>这是一个段落</p>
  22. <p>这是另一个段落</p>
  23. <button>向第一个 p 元素添加类名</button>
  24. </body>
  25. </html>

定义与用法

addClass() 方法将一个或多个样式类名添加到所选元素。

此方法不会删除现有的 class 样式类属性,它只向 class 属性添加一个或多个样式类名。

提示: 要添加多个样式类,请用空格分隔样式类名。


语法

  1. $(selector).addClass(classname,function(index,currentclass))
参数描述
classname必填。指定要添加的一个或多个 class 类名
function(index,currentclass)可选。 指定返回一个或多个要添加的 class 类名的函数
  • index - 返回元素在集合中的索引位置
  • currentclass - 返回所选元素的当前 class 类名

更多实例

如何向指定元素添加两个 class 样式类名

用函数添加一个样式类

如何使用 addClass() 和 removeClass() 删除一个类名,并添加一个新 class 类名

分类导航