本文共 613 字,大约阅读时间需要 2 分钟。
我使用的是JQuery-2.1.1版本,在这个版本以及之前,JQuery中的层级选择器有4种。我们通过这4种选择器,来操作下面的HTML。
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。
转载地址:http://undhf.baihongyu.com/