jQuery选择除了某些id下的所有元素？

Question

$('body *').not("#submenu*").mouseover(function(e){
    e.stopPropagation();
  $(this).addClass('highlight');
});

$('body *').not("#submenu *").mouseout(function(e){
    e.stopPropagation();
  $(this).removeClass('highlight');
});

基本上我想避免突出显示id'子菜单'下面的任何内容。现在它似乎忽略了非选择器。

Answer 1

首先你的选择器缺少一个空格。

$('body *').not("#submenu *").mouseover(function(e){
    e.stopPropagation();
  $(this).addClass('highlight');
});

$('body *').not("#submenu *").mouseout(function(e){
    e.stopPropagation();
  $(this).removeClass('highlight');
});

演示：Fiddle