已解決430363個問題，去搜搜看，總會有你想問的

jq如何實現當前元素被點擊隱藏同層級其他元素

首頁猿問 jq如何實現當前元素被點擊隱藏同層...

jq如何實現當前元素被點擊隱藏同層級其他元素

JavaScript

慕尼黑8549860 2019-03-20 22:19:46

<span id="jianjie addClass">簡介</span><span id="lishi">歷史</span><span id="rongyu">榮譽</span><script type="text/javascript">$(function(){ $("#lishi").click(function(){ $(".lishi").addClass("animate"); $(".jianjie").removeClass("animate"); }); $("#rongyu").click(function(){ $(".rongyu").addClass("animate"); $(".lishi").removeClass("animate"); });}) </script>這么寫太繁瑣了

查看完整描述

7 回答

RISEBY

TA貢獻1856條經驗獲得超5個贊

siblings()

反對回復 2019-04-04

翻過高山走不出你

TA貢獻1875條經驗獲得超3個贊

jQ的事件回調里，$(this)就是event.target，即觸發事件的DOM對象
看下這里邊的“遍歷”分類，挨個兒都看一遍，你大概就該知道用什么了。

反對回復 2019-04-04

犯罪嫌疑人X

TA貢獻2080條經驗獲得超4個贊

$(function(){

$("#lishi").click(function(){

$(this).addClass("animate").siblings().removeClass("animate");

});

$("#rongyu").click(function(){

$(this).addClass("animate").siblings().removeClass("animate");

});

})

</script>

反對回復 2019-04-04

莫回無

TA貢獻1865條經驗獲得超7個贊

建議可以把節點存儲到一個變量中再使用，重復查找節點效率不高。簡單來說，原理就是 this當前的隱藏，然后遍歷兄弟節點實現效果。

反對回復 2019-04-04

幕布斯7119047

TA貢獻1794條經驗獲得超8個贊

百度一下“事件委托”就知道了

反對回復 2019-04-04

7 回答
0 關注
2818 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

jq如何實現當前元素被點擊隱藏同層級其他元素

jq如何實現當前元素被點擊隱藏同層級其他元素

7 回答

添加回答