1. 程式人生 > >jquery增加,移除,修改一個html標籤的class名字

jquery增加,移除,修改一個html標籤的class名字

jquery增加,移除,修改一個html標籤的class名字

<div class="default fl fv lv"></div>一個標籤可以指定多個class

1. 增加一個class

$(".default").addClass("hover_s");

2. 移除一個class

$(".default").removeClass("default ");

3. 修改一個class

3.1   可以分兩步走:

1 先增加一個你要增加的class

$(".default").addClass("hover_s");

2 再刪除一個你想要刪除的class

$(".default").removeClass("default ");

或者反過來,先刪除,後增加也行。

3.2   可以直接設定成你想要的class

$(". default ").attr("class", " hover_s fl fv lv ");

4. 當滑鼠移到,離開指定標籤時修改class

移到時改成hover_s,離開時改成default

$(".default").hover(function () {

$(this).addClass("hover_s");

$(this).removeClass("default");

}, function () {

$(this).addClass("default");

$(this).removeClass("hover_s");

});

5. 獲取標籤的所有class

var classname_module = $(".lv").attr("class");

轉自:http://blog.sina.com.cn/s/blog_a1c79a7f0101c9j4.html