2011-07-20 23 views
0

當我將鼠標懸停在一個元素,所有的人都強調所有元素,這裏是我的代碼:jQuery的懸停在一個元素,突出

$(document).ready(function(){ 
      $("p").hover(function(){ 
      $("p").css("background-color","yellow"); 
      },function(){ 
      $("p").css("background-color","transparent"); 
      }); 

我在想,如果我可以突出只能有一個時間,而不是爲每個人手動添加一個類

+0

所以西隧做你想做的事?使用一個'p' –

+0

insted我想知道如果我一次只能突出一個,而不是手動爲每個類添加一個類。 – re1man

+2

你想達到什麼目的?這聽起來像它可以純粹通過CSS完成。 – rkaregaran

回答

1

嘗試使用$(this)

insted的的

 $("p").hover(function(){ 
     $("p").css("background-color","yellow"); 
     },function(){ 
     $("p").css("background-color","transparent"); 
     }); 

使用

 $("p").hover(function(){ 
     $(this).css("background-color","yellow"); 
     },function(){ 
     $(this).css("background-color","transparent"); 
     }); 
+0

應該是已知的:P ...謝謝:) – re1man

+0

歡迎您..................:D:D:D –

3

您正在爲文檔中的每個p定位。你需要限制它

編輯:答案刪除第一部分由@littletipz提供
答案要好得多。第二部分仍然有效,但...

或CSS唯一的例子

http://jsfiddle.net/bvsTg/

p:hover { 
    background-color: yellow; 
} 
0

如果你不想有效果,同時在所有的元素,你可以使用這個停機功能:

$("p").hover(function(){ 
     $(this).stop().css("background-color","yellow"); 
    },function(){ 
     $(this).stop().css("background-color","transparent"); 
    }); 

http://api.jquery.com/stop/