點(diǎn)擊.productVs 添加.ppp在點(diǎn)擊移除.ppp我有幾個(gè)p標(biāo)簽?zāi)J(rèn)加了.productVs我想點(diǎn)擊那個(gè).productVs就在添加個(gè).ppp 在點(diǎn)擊時(shí)去除.ppp
3 回答
千巷貓影
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊
toggleClass方法可以實(shí)現(xiàn)對(duì)某一class進(jìn)行添加、刪除操作。
示例：
| 1 | $('#test').toggleClass('className'); |
上面的代碼將會(huì)依次為id為test的元素添加/刪除名為className的class，如果test元素存在className，則刪除className，如果不存在則添加className。
toggleClass的用法如下：
在匹配的元素集合中的每個(gè)元素上添加或刪除一個(gè)或多個(gè)樣式類,取決于這個(gè)樣式類是否存在或值切換屬性。即：如果存在（不存在）就刪除（添加）一個(gè)類。
.toggleClass( className )
className
類型: String
在匹配的元素集合中的每個(gè)元素上用來(lái)切換的一個(gè)或多個(gè)（用空格隔開(kāi)）樣式類名。
守著一只汪
TA貢獻(xiàn)1872條經(jīng)驗(yàn) 獲得超4個(gè)贊
可以使用：$("#but").removeAttr("class");和$("#but").attr("class","but_test");來(lái)對(duì)標(biāo)簽進(jìn)行元素的添加和刪除。
為了直觀性的看到結(jié)果，首先在css樣式中，針對(duì)class選擇該元素，之后添加相應(yīng)的樣式。
接下來(lái)，就給該button按鈕添加一個(gè)點(diǎn)擊事件，讓它能過(guò)自由切換。
對(duì)該點(diǎn)擊事件添加js函數(shù)。
運(yùn)行后的結(jié)果為：
拓展資料：
jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)（或JavaScript框架）。它封裝JavaScript常用的功能代碼，提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動(dòng)畫(huà)設(shè)計(jì)和Ajax交互。
慕標(biāo)5832272
TA貢獻(xiàn)1966條經(jīng)驗(yàn) 獲得超4個(gè)贊
$("#productVs").addClass("ppp");
$("#productVs").removeClass("ppp");
也可以了解一下toggle方法。
- 3 回答
- 0 關(guān)注
- 491 瀏覽
添加回答
舉報(bào)
0/150
提交
取消