добавление наведения на все элементы на странице

Question

Мне нужно добавить событие Hover ко всем элементам на странице, я делаю это так:

$("*").hover(
      function () {
              $(this).addClass('hoverElem'); ;
      },
      function () {
              $(this).removeClass('hoverElem');
      }
    );

Теперь мне нужно, чтобы оно делало событие для каждого элемента, но не дляэлемент кузова, есть идеи?

Спасибо.

Answer 1

$('body *').hover(function() { // ... });

Answer 2

Попробуйте выбрать все элементы под телом:

$("body *").hover(...)

Answer 3

Может быть, вы можете использовать bind и unbind.

Вот так

     $("*").bind('hover', function() {
  //do something
});    
 $("body").unbind('hover', function() {
  //do something
});

Answer 4

Попробуйте по-другому:

$("#IframeID").contents().find("body *").hover(
      function () {
              $(this).addClass('hoverElem');
      },
      function () {
              $(this).removeClass('hoverElem');
      }
);

Answer 5

Как вы можете видеть в этом http://jsfiddle.net/D42d5/

, вы можете использовать не селектор, чтобы селектор мог выглядеть примерно так:

    $("*:not(body)").hover(
      function () {
              $(this).addClass('hoverElem'); ;
      },
      function () {
              $(this).removeClass('hoverElem');
      }
    );