Selector CSS JQuery

Question

Is it normal that

$("#foo a:hover")

does not select anything?

I can't use hover cause I need this selector to do that :

 $("#foo a:hover").css("color", mycolor);

So I wonder if something like

 $("#foo").css("a:hover color", mycolor);

exist?

Et What about visited (pseudo class)?

Answer 1

Yes, that is completely normal. jQuery doesn't have a :hover pseudo class.

You can use the hover method to bind two event handlers that add and remove the style:

$("#foo a").hover(function(){
  $(this).css("color", mycolor);
},function(){
  $(this).css("color", "");
});

Answer 2

是的，使用.hover()

Answer 3

Edited:

$("#foo a").hover(function(){ 
   $(this).css('color','mycolor');
});

Answer 4

When nothing is currently hovered, yes. Something would need to concurrently be in the hover state.

Answer 5

Yes, refer to the jQuery selector documentation for a list of valid selectors.

Answer 6

Instead you should be using the jquery .hover() with $("#foo a")

http://api.jquery.com/hover/

Answer 7

Yes because that selector will have fired BEFORE you hover anything. For example, if you were to just do:

$('#foo')

And then later on in the script append() foo it will not select anything because it didn't exist.

If you DO want to do something on hover you can do .hover(function(){},function(){})

Answer 8

您在标记处于悬浮状态时选择标记（“：hover”是伪类），因此您需要将鼠标悬停在标记上并同时运行该脚本才能成功选择元素。