$('div a') 与$('div>a'),.div+.div2与.div~.div2
2016-07-18 10:28 改吧 阅读(1010) 评论(3) 编辑 收藏 举报$('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" }
哈哈 相信就懂了吧