jquery中怎样增加class(删除元素class属性)
生活随笔
收集整理的這篇文章主要介紹了
jquery中怎样增加class(删除元素class属性)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
本教程操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。
jquery中怎樣增加class
jquery提供了一個addClass()添加class類的方法，可以通過這個方法對標簽進行class類添加。通過點擊按鈕添lass類使字體變大進行addClass()方法的演示。
addClass() 方法向被選元素添加一個或多個類。
該方法不會移除已存在的 class 屬性，僅僅添加一個或多個 class 屬性。
示例如下：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p:first").addClass("intro");
});
});
</script>
<style type="text/css">
.intro{
font-size: 40px;
}
</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>
登錄后復制
輸出結果：
相關視頻教程推薦：jQuery視頻教程
以上就是jquery中怎樣增加class的詳細內容，更多請關注風君子博客其它相關文章！
總結
以上是生活随笔為你收集整理的jquery中怎样增加class(删除元素class属性)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python学习-高阶函数（函数传参、返
- 下一篇： python学习-列表解析、字典解析