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>
运行实例 »

点击 "运行实例" 按钮查看在线实例

首页

视频

问答