jquery中4种层级选择器的差别和使用
浏览数：25 /
时间：2015年06月09日
我使用的是JQuery-2.1.1版本，在这个版本以及之前，JQuery中的层级选择器有4种。我们通过这4种选择器，来操作下面的HTML。
<div id="outer"> <input type="button" id="button1"> <input type="button" id="button2"> <input type="button" id="button3"> <div id="inner"> <input type="button" id="button4"> <input type="button" id="button5"> </div> </div> <input type="button" id="button6"> <input type="button" id="button7">
1、$("ancestor descendant")，选中祖先ancestor下的所有满足条件的后代descendant。
如$("#outer input")会选中button1，button2，button3，button4，button5。
2、$("parent > child")，只会选中直接子元素。
如$("#outer > input")会选中button1，button2，button3，不会选中button4，button5。
3、$("prev + next")，prev和next是两个同级别的元素，选中紧跟在prev后面的next。
如$("#outer + input")只会选中button6，$("#button1 + input")只会选中button2。
4、$("prev ~ siblings")，prev和siblings是同级别元素，选中prev之后的所有同级别的siblings。
如$("#outer ~ input")选中button6和button7，$("#button1 ~input")选中button2和button3。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
