首頁猿問想要點擊兩次...

想要點擊兩次然后出現(xiàn)不同效果，請問使用jquery該怎么實現(xiàn)！

JQuery Java

慕村225694 2021-06-14 15:11:29

============= 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>點擊span的時候，判斷class名字，如果全等于myoff，則改成myon。如果全等于myon，則改成myoff。

查看完整描述

2 回答

繁華開滿天機

TA貢獻1816條經(jīng)驗獲得超4個贊

很簡單的，只用一句代碼就能實現(xiàn)：

123	`$("#myid span").on("click",function(){` `$(this).toggleClass("myon");//如果默認顯示的是myoff，這里就是myon})`

原理分析：

span 默認顯示的是myoff這個樣式，那么當?shù)谝淮吸c擊的時候，toggleClass就會判斷是否包含myon這個樣式，如果不包含，就為它添加上“myon”這個樣式，這樣span的樣式就變成了：“<span class='myoff myon'>”，myon和myoff里有沖突的樣式，就會顯示myon的樣式，當再次點擊的時候，就會刪除myon這個樣式。

反對回復 2021-06-20

婷婷同學_

TA貢獻1844條經(jīng)驗獲得超8個贊

$ (function ()
{
$ ('#myid span').click (function ()
{
if ($ (this).attr ("class") == "myon")
{
$ (this).attr ('class', 'myoff');
}
else if ($ (this).attr ("class") == "myoff")
{
$ (this).attr ('class', 'myon');
}
});
});