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

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

一個標籤可以指定多個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");