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