第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

鼠標按下任何具有類的元素,影響具有不同類的所有元素

鼠標按下任何具有類的元素,影響具有不同類的所有元素

肥皂起泡泡 2023-03-03 15:56:48
抱歉,如果這個問題令人困惑——我是 JavaScript 的新手,甚至不知道如何提出這個問題……這是我想出的理想結果:當任何 Foo 被鼠標按下時,我想給所有 Bars 一個類,然后當 Foo 被鼠標按下時刪除該類。我很確定該解決方案會使用querySelectorAll,forEach但這是我所得到的。讓我知道這是否需要更多說明,如果這是重復的,請?zhí)崆爸虑浮?lt;div class="foo">When I mousedown/up on this</div><div class="foo">When I mousedown/up on this</div><div class="bar">Give/remove the 'baz' class to/from this</div><div class="bar">Give/remove the 'baz' class to/from this</div>.foo {  color: blue;}.bar {  color: red;}.baz {  color: green;}
查看完整描述

1 回答

?
呼啦一陣風

TA貢獻1802條經驗 獲得超6個贊

JSFiddle

你需要使用document.querySelectorAll和classList.toggle


HTML


<div class="foo">When I mousedown/up on this</div>

<div class="foo">When I mousedown/up on this</div>

<div class="bar">Give/remove the 'baz' class to/from this</div>

<div class="bar">Give/remove the 'baz' class to/from this</div>

事件


function addClass() {

    document.querySelectorAll('.bar').forEach(elm => elm.classList.toggle("baz"))

}


function removeClass() {

    document.querySelectorAll('.bar.baz').forEach(elm => elm.classList.toggle("baz"))

}

訂閱


document.querySelectorAll('.foo').forEach(elm=> {

    elm.onmouseenter = addClass

    elm.onmouseleave = removeClass

})

您甚至可以使用更短的方法并為兩者調用相同的回調(假設您在回調中沒有任何其他邏輯


function toggleClass() {

    document.querySelectorAll('.bar').forEach(elm => elm.classList.toggle("baz"))

}



document.querySelectorAll('.foo').forEach(elm=> {

    elm.onmouseenter = toggleClass

    elm.onmouseleave = toggleClass

})



參見JSFiddle


查看完整回答
反對 回復 2023-03-03
  • 1 回答
  • 0 關注
  • 138 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號