|
1. addClass() - 添加CSS類
復(fù)制代碼 代碼如下:
$("#target").addClass("newClass");
//#target 指的是需要添加樣式的元素的ID
//newClass 指的是CSS類的名稱
2. removeClass() - 移除CSS類
復(fù)制代碼 代碼如下:
$("#target").removeClass("oldClass");
//#target 指的是需要移除CSS類的元素的ID
//oldClass 指的是CSS類的名稱
3. toggleClass() - 添加或者移除CSS類:如果CSS類已經(jīng)存在,它將被移除;相反,如果CSS類不存在,它將被加上。
復(fù)制代碼 代碼如下:
$("#target").toggleClass("newClass")
//如果ID為“target”的元素已經(jīng)定義了CSS樣式,它將被移除;
//反之,CSS類”newClass“將被賦給該ID。
4.hasClass("className") - 判斷是否已經(jīng)存在CSS
在實(shí)際運(yùn)用中,我們常常先定義好這些CSS類,然后通過Javascript事件觸發(fā)(比如點(diǎn)擊某個(gè)鏈接)來改變頁面元素樣式。此外,jQuery還提供一種方法 hasClass("className"),用來判斷某個(gè)元素是否已經(jīng)被賦予某個(gè)CSS類。
JavaScript技術(shù):jQuery 添加/移除CSS類實(shí)現(xiàn)代碼,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。