jquery选择器中,有些选择器需要使用括号来区分不同的选择条件,这在复杂的选择条件中尤其重要。

$( "input[type=radio]:checked" ) // 使用括号包括了选择条件

上面的代码选择了所有被选中的单选框,由于选择条件中包含了特殊符号,需要使用单引号或双引号括起来。

另外一个需要括号的选择器是:not(),这个选择器可以筛选掉符合条件的元素。

$( "div:not(.example)" ) // 选择所有不含有example类名的div元素

你也可以在:not()中使用其他的选择器条件。

$( "input:not(:checked)[type=checkbox]" ) // 选择所有未被选中的复选框

还有一个需要括号的选择器是:has(),它可以选择含有特定元素的父元素。

$( "li:has(a)" ) // 选择含有a标签的li元素

:has()中,你可以使用其他任意的选择器条件。

上面的例子仅仅是jquery选择器中括号的应用,你可以在选择器中使用多个括号,构建非常复杂的选择器条件。

jquery选择器有括号