jQuery - 當我將鼠標懸停在元素A上時，如何隱藏元素B？

我有兩個元素，我需要元素B隱藏在元素A的mouseover上。我怎麼用jQuery來做到這一點？我目前的代碼是這樣的：jQuery - 當我將鼠標懸停在元素A上時，如何隱藏元素B？

$(".rule").hover(function() { 
      $(".jobDesc").hide(); 
     } 
    );

我使用jQuery 1.7.1.min，順便說一句。

來源

2013-03-07 user2142702

任何錯誤，你得到些什麼？ – EnterJQ 2013-03-07 04:41:40

不，這只是當我將鼠標懸停在規則div上時隱藏jobDesc div。 – user2142702 2013-03-07 04:42:24

因爲你沒有附加你的HTML片段，所以有點難以分辨。但有一件事你可以嘗試。在懸停處理程序把console.info（$（「。jobDesc」））;在致電隱藏之前。首先檢查是否有任何東西在Firefox或Chrome控制檯中打印出來，如果有檢查打印出的元素是否正確。如果沒有打印，請檢查是否有任何元素與此選擇器**。rule **匹配，如果它打印出類似** null **或空數組** **，則查找是否有任何元素匹配選擇器** .jobDesc ** – spiritwalker 2013-03-07 04:48:21

你必須把它在DOM準備好了，那麼你的作品

$(function(){ 
$(".rule").hover(function() { 
     $(".jobDesc").hide(); 
    }); 
})

這裏DEMO

來源

2013-03-07 04:45:13 EnterJQ

完美的工作！謝謝！ – user2142702 2013-03-07 04:46:38

jQuery - 當我將鼠標懸停在元素A上時，如何隱藏元素B？

回答

相關問題