如何在CSS中执行与.hasClass（）jQuery方法类似的CSS选择器？

Question

我有以下的HTML标签：

<li class="menu expanded"> 

我需要一个click事件绑定到li标签时，它有一个类菜单。

我试着用这个选择器：li[class="menu"]，但是当它有类expanded也不行。

Answer 1

如果你正在寻找选择具有菜单和扩展类的列表项，请使用：

$('li.menu.expanded').click(function(){ 
//stuff 
}) 

否则

$('li.menu').click(function(){ 
//stuff 
}) 

就足够了。

Answer 2

这个选择应该工作

$('li.menu') 

将选择包含menu类，不管所有li标签，如果它是唯一的CSS类与否。

Answer 3

如果要使用原始的jQuery属性选择寻找一个类，你可以做，这将在jQuery的搜索类时，你最好在属性值的字符串搜索

li[class*="menu"] 

但是以下关闭只是用类语法

$('li.menu') 

Answer 4

取决于是否“扩展”增加了一些功能，以现有的“菜单”，你可以使用以下命令：

$('li.menu').click(function(){ 
if ($(this).hasClass('expanded')) ... 
... 
})