jQuery中的class方法可以用來(lái)添加、移除和切換元素的CSS類(lèi)名。它的調(diào)用方式非常簡(jiǎn)單,只需要在jQuery對(duì)象上調(diào)用class方法,并傳入要操作的CSS類(lèi)名即可。
// 添加CSS類(lèi)名 $('div').addClass('my-class'); // 移除CSS類(lèi)名 $('div').removeClass('my-class'); // 切換CSS類(lèi)名 $('div').toggleClass('my-class');
class方法還支持傳入一個(gè)回調(diào)函數(shù),用于根據(jù)元素當(dāng)前的CSS類(lèi)名返回需要添加、移除或切換的CSS類(lèi)名。這個(gè)回調(diào)函數(shù)的參數(shù)包括元素的索引和當(dāng)前的CSS類(lèi)名列表。
$('div').toggleClass(function(index, className) { if (className.indexOf('my-class') !== -1) { return 'new-class'; } else { return 'my-class'; } });
通過(guò)這種方式,我們可以根據(jù)元素當(dāng)前的CSS類(lèi)名動(dòng)態(tài)地切換CSS類(lèi)名,實(shí)現(xiàn)更加靈活的界面效果。