Question

jQuery选择器 的空格问题

jquery选择器之间的空格加与不加到底有什么区别， 越详细越好。
var $t_a = $('.test :hidden'); //带空格的JQuery选择器

var $t_b = $('.test:hidden'); //不带空格的JQuery选择器

var len_a = $t_a.length;

var len_b = $t_b.length;

alert("$('.test :hidden') = " + len_a); //输出4

alert("$('.test:hidden') = " + len_b); //输出3
这个例子除外。。。

Answer 1

带空格时，空格后的选择符只匹配空格前的选择符的子元素，如楼主给出的 ".test :hidden" 指的是带有 "test" 类的元素的被隐藏的子元素，而与该父元素可见与否无关；
而不带空格时，则只有完全匹配才可以，如楼主给出的 ".test:hidden" ，只有带有 "test" 类的元素被隐藏时才能被匹配。

Answer 2

和CSS选择器一样，带空格的就是后代关系，不带就相当于伪类

Answer 3

空格是查找你子元素 不带空格是对该dom的特征的补充

Answer 4

三十三、JQuery简介+选择器