jQuery addClass() 方法

最新推荐文章于 2021-03-29 17:12:01 发布

时光默

最新推荐文章于 2021-03-29 17:12:01 发布

阅读量2.3k

点赞数 2

文章标签： jquery class

本文链接：https://blog.csdn.net/zengyonglan/article/details/53583109

版权

前端面试之基础篇[前端你别闹] 专栏收录该内容

32 篇文章 3 订阅

订阅专栏

原文链接

定义和用法
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>

时光默

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery addClass() 方法

原文链接定义和用法 addClass() 方法向被选元素添加一个或多个类名。该方法不会移除已存在的 class 属性，仅仅添加一个或多个类名到 class 属性。提示：如需添加多个类，请使用空格分隔类名。语法$(selector).addClass(classname,function(index,oldclass))实例：向第一个 p元素添加一个类名：$("button").cli
复制链接

扫一扫