============= jq代碼 =========$('#myid span').click(function(){if($(this).hasClass("myoff")){$(this).attr('class','myon');}if($(this).hasClass("myon")){$(this).attr('class','myoff');}});============= html 代碼 =========<div id="myid"><span class="myoff">內(nèi)容1</span><span class="myoff">內(nèi)容2</span> <span class="myoff">內(nèi)容3</span> </div>點(diǎn)擊span的時(shí)候，判斷class名字，如果全等于myoff，則改成myon。 如果全等于myon，則改成myoff。
2 回答
繁華開(kāi)滿(mǎn)天機(jī)
TA貢獻(xiàn)1816條經(jīng)驗(yàn) 獲得超4個(gè)贊
很簡(jiǎn)單的，只用一句代碼就能實(shí)現(xiàn)：
| 123 | $("#myid span").on("click",function(){ $(this).toggleClass("myon");//如果默認(rèn)顯示的是myoff，這里就是myon}) |
原理分析：
span 默認(rèn)顯示的是myoff這個(gè)樣式，那么當(dāng)?shù)谝淮吸c(diǎn)擊的時(shí)候，toggleClass就會(huì)判斷是否包含myon這個(gè)樣式，如果不包含，就為它添加上“myon”這個(gè)樣式，這樣span的樣式就變成了：“<span class='myoff myon'>”，myon和myoff里有沖突的樣式，就會(huì)顯示myon的樣式，當(dāng)再次點(diǎn)擊的時(shí)候，就會(huì)刪除myon這個(gè)樣式。
婷婷同學(xué)_
TA貢獻(xiàn)1844條經(jīng)驗(yàn) 獲得超8個(gè)贊
$ (function ()
{
$ ('#myid span').click (function ()
{
if ($ (this).attr ("class") == "myon")
{
$ (this).attr ('class', 'myoff');
}
else if ($ (this).attr ("class") == "myoff")
{
$ (this).attr ('class', 'myon');
}
});
});
添加回答
舉報(bào)
0/150
提交
取消