jquery操作class屬性的方法

使用 jquery 可以很方便的操作div元素的class屬性的值，以實現各種炫彩的動態效果。這篇文章就來說一說，幾種使用 jq 來操作 div 元素class屬性的方法。

jq 的 addclass() 方法，可以向乙個指定的 html 元素的 class 屬性中新增乙個屬性值

示例：

"mochu"
class
="div1"
>
<
/div>
$('#mochu').
addclass
('div2');
<
/script>jq removeclass() 方法，可以將指定 html 元素中的某個 class 屬性值刪除掉
示例： 結果如下圖： ![在這裡插入描述]( hasclass() 方法，用於判斷某個 html 元素的 class 屬性中是否含有某個值，如果有返回 true ，如果不存在返回 false
示例：<
!--html**--
>
"mochu"
class
="vdiv"
>
<
/div>
var bool = $(
'#mochu').
hasclass
('vdiv');
console.
log(bool)
;<
/script>返回結果; true
在jq中沒有給出修改class屬性值的方法函式，但是我們可以把要修改的屬性值以先去除，再新增的形式來實現 class 屬性值的修改
示例："mochu"
class
="div"
>
<
/div>
$('#mochu').
removeclass
('div').
addclass
('head');
<
/script>執行結果：
推薦閱讀：
js獲取和設定div元素class值的方法

jquery 操作 class 屬性

類屬性即class屬性,規定類名.用類選擇器規定樣式的時候,需要為元素指定類名,即class屬性的值.注意每個html元素只有乙個class屬性.但是class屬性的值可以是多個名稱,即可能包含乙個詞的列表,中間用空格分隔.具體使用方法見 用jquery進行類名修改既可以用attr 方法修改 cla...

jQuery操作元素的class屬性

今天在做乙個選單摺疊外掛程式的時候需要根據頁面的url改變其class屬性。jquery操作元素的屬性是非常方便的，在此記錄一下 1.給元素新增class屬性 1 新增單個class可以直接寫class名字，例如 p addclass selected 2 新增多個class多個class中間空格隔...

jQuery改變元素class屬性

去掉class屬性 this parent li removeclass prev selected 去掉同兄弟的class屬性。this parent li siblings removeclass prev selected li的class selected d的元素新增class屬性。thi...