在jQuery中,我們可以使用addClass()和removeClass()方法來向元素添加和刪除類。除此之外,還可以使用toggleClass()方法來在元素上切換類。
addClass()方法可以向一個或多個元素添加一個或多個類。例如,以下代碼向id為myDiv的元素添加了一個名為myClass的類:
$("#myDiv").addClass("myClass");
除此之外,我們還可以向元素添加多個類。只需使用空格將它們分開即可。例如:
$("#myDiv").addClass("myClass1 myClass2");
我們也可以使用回調函數來向元素添加類。例如,以下代碼向id為myDiv的元素添加名為myClass1和myClass2的類:
$("#myDiv").addClass(function() { return "myClass1 myClass2"; });
除了添加類,我們還可以使用removeClass()方法來從元素中刪除類。例如,以下代碼從id為myDiv的元素中刪除名為myClass的類:
$("#myDiv").removeClass("myClass");
同樣,我們也可以使用回調函數來刪除元素中的類。例如,以下代碼從id為myDiv的元素中刪除名為myClass1和myClass2的類:
$("#myDiv").removeClass(function() { return "myClass1 myClass2"; });
最后,我們還有toggleClass()方法,它可以在元素上切換類。如果元素中存在類,則會刪除該類,否則會添加該類。例如,以下代碼將在id為myDiv的元素中切換名為myClass的類:
$("#myDiv").toggleClass("myClass");
同樣,我們也可以在切換多個類時使用空格將它們分開。