jquery addClass()方法
翻译结果:
add
英 [æd] 美 [æd]
vt.增加;补充;附带说明;把…包括在内
vi.增加;做加法;累积而成;扩大
n.加法,加法运算;(一篇报道的)补充部分
class
英 [klɑ:s] 美 [klæs]
n.班;阶级;等级;种类
vt.把…归入某等级,把…看作(或分类、归类);把…编入某一班级
adj.很好的,优秀的,出色的
vi.属于…类(或等级),被列为某类(或某级)
jquery addClass()方法语法
作用:addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。如需添加多个类,请使用空格分隔类名。
语法:$(selector).addClass(class)
参数:
参数 | 描述 |
class | 必需。规定一个或多个 class 名称。 |
语法:$(selector).addClass(function(index,oldclass))
参数:
参数 | 描述 |
function(index,oldclass) | 必需。规定返回一个或多个待添加类名的函数。 |
index | 可选。选择器的 index 位置。 |
class | 可选。选择器的旧的类名。 |
jquery addClass()方法示例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p:first").addClass("intro"); }); }); </script> <style type="text/css"> .intro { font-size:120%; color:red; } </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button>向第一个 p 元素添加一个类</button> </body> </html>
点击 "运行实例" 按钮查看在线实例