这些jquery选择器都会做同样的事情吗？

这些jquery选择器都会做同样的事情吗？是否有任何建议为了使选择器这些jquery选择器都会做同样的事情吗？

$gender = $('input:radio.gender'); 
$gender = $('input:radio .gender'); 
$gender = $('input.gender:radio');

2016-02-23 bumperbox

我认为＃2将选择输入的小孩：无线电与类=“性别”，而不是选择input.gender：无线电元件。 –

否。

第一个将选择一个input[type=radio]与类gender。

第二个是寻找一个input[type=radio]有一个不可能的后裔，所以什么也没有发生。

第三寻找一个input与gender这是radio类，但语法是无效的，因为:radio相当于[type=radio]和寻找元素的属性。所以与第一种情况一样，语法是input[type=radio]或input:radio。

2016-02-23 23:28:03 Sotiris

喜欢这个例子，当我正在调试时，我总是很难说出我的选择器实际选择了什么。这是一个很简单的方法。 – bumperbox

第一和第三是相同的（与类“性别”无线电输入），而第二选择器将寻求无线电输入内侧类两性元素

2016-02-23 23:26:24

我降低了评分，因为@Sotiris的例子1和3不一样。 – bumperbox

回答