Jquery condition check is(':hover') not working

Question

$('.xx').mouseenter(function(){
  if($(this).is(':hover'))
    alert('d');
  else
     alert('f');
});

Here is my code, it should alert 'd' but every time it alerts 'f' What's error Here

Answer 1

x.filter(':hover').length

This may be also usable when you already had queried some objects / or inside callback function.

Answer 2

:hover is a CSS pseudo-class, not a jQuery selector. It cannot be reliably used with is() on all browsers.

Answer 3

function idIsHovered(id){
    return $("#" + id + ":hover").length > 0;
}

http://jsfiddle.net/mathheadinclouds/V342R/