$(div a) 与$(diva)，.div .div2与.div~.div2_综合

$('div a'):div标签下所有层次a元素的jquery对象

$('div>a'):div标签下子元素层次a元素的jquery对象

<body>
<div class='div'>
</div>
<div class='div2'>
</div>
<div class='div2'>
</div>
</body>

.div ~ .div2{ width:20px; height:20px; background-color: red; }

'~':这个选择器，代表class='div'相邻的所有class='div2'的元素

.div   .div2{ width:20px; height:20px; background-color: red; }

' ':这个选择器，代表class='div'相邻的第一个class='div2'的元素

这四个符号的选择器的区别在jQuery代码里面是这样表示的

        ">": { dir: "parentNode", first: true }, " ": { dir: "parentNode" }, " ": { dir: "previousSibling", first: true }, "~": { dir: "previousSibling" }

哈哈相信就懂了吧

更多专业前端知识，请上【猿2048】www.mk2048.com