您的位置：首页 > Web前端 > JQuery

jQuery addClass() 方法

2016-12-12 15:15 337 查看

原文链接

定义和用法

addClass() 方法向被选元素添加一个或多个类名。

该方法不会移除已存在的 class 属性，仅仅添加一个或多个类名到 class 属性。

提示：如需添加多个类，请使用空格分隔类名。

语法

$(selector).addClass(classname,function(index,oldclass))

实例：

向第一个 p元素添加一个类名：

$("button").click(function(){
$("p:first").addClass("intro");
});

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p:first").addClass("intro");
});
});
</script>
<style>
.intro{
font-size:150%;
color:red;
}
</style>
</head>
<body>

<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>给第一个P元素添加一个类名</button>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jquery class

相关文章推荐

新的分享

章节导航