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

时间:2016-02-23 23:13:59

标签: jquery

这些jquery选择器都会做同样的事情吗? 是否有任何推荐的选择器订单

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

2 个答案:

答案 0 :(得分:3)

没有。

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

第二个是寻找一个input[type=radio],它有一个后代,这是不可能的,所以没有任何反应。

第三个正在寻找input,其genderradio,但语法无效,因为:radio相当于[type=radio]并正在寻找元素的属性。所以语法是input[type=radio]input:radio,就像第一种情况一样。

实施例: http://jsbin.com/dowiyunake/edit?html,js,output

答案 1 :(得分:0)

第一个和第三个是相同的(带有“性别”类的无线电输入),而第二个选择器将在无线电输入中寻找具有类别性别的元素