jquery - jQuery 选择器：排除类名的组合

Question

我有一个包含这些信息的列表：

<li class="me">my name goes here</li>
<li class="settings">some info here</li>
<li class="me settings">some other here</li>
<li class="me">my address goes here</li>

当用户打开页面时，必须突出显示具有 .me 类名（仅 .me 类名）的项目：

$(document).ready(function(){
    $('li.me').effect('highlight',{color:'#FFFFFF'},3000);
});

问题是第三个列表项（“我的设置”）也被突出显示。如何排除以下项目：

• 没有 .me 类名
• 确实有 .me 类名与任何其他类名结合

谢谢！

Answer 1

使用否定选择器 .not()

$(document).ready(function(){
    $('li.me').not('[class*=" "]').effect('highlight',{color:'#FFFFFF'},3000);
});

Answer 2

采用：

$(document).ready(function () {
    $('li[class="me"]').effect('highlight', {color:'#FFFFFF'}, 3000);
});

我们选择li哪个属性class恰好是me.