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 classname
• 确实将.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。