jQuery是一款非常流行的JavaScript庫,它可以方便地操作HTML文檔和CSS樣式。其中,class方法是jQuery庫中最常用的方法之一,下面我們來詳細(xì)了解一下。
class方法可以用于向HTML元素添加指定的CSS類,也可以移除元素中指定的CSS類。同時(shí),它還可以判斷元素是否擁有某個(gè)CSS類。
// 添加CSS類 $('#mydiv').addClass('myclass'); // 移除CSS類 $('#mydiv').removeClass('myclass'); // 判斷元素是否含有CSS類 if($('#mydiv').hasClass('myclass')){ // 包含 }else{ // 不包含 }
另外,class方法也支持傳入一個(gè)函數(shù)作為參數(shù),該函數(shù)的返回值將被用來決定應(yīng)該添加或移除哪些CSS類。例如,如果元素的class屬性包含“odd”或“even”時(shí),我們可以用以下代碼來動(dòng)態(tài)添加或移除“highlight”類:
$('tr').toggleClass(function(){ if ($(this).hasClass('odd') || $(this).hasClass('even')) { return 'highlight'; } else { return ''; } });
關(guān)于class方法的具體用法,可以參考jQuery官網(wǎng)的API文檔。