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选择器中括号的应用,你可以在选择器中使用多个括号,构建非常复杂的选择器条件。