上一篇介绍了一下jquery的基本选择器但是为了方便我们还有层级选择器可以使用,下面来看看层级选择器吧。
选择器 | 说明 |
上层标签 被包含标签 | 用上层标签匹配所有后代标签,在后代标签中匹配被包含的标签。 例如$("form input")可以匹配所有表单下input标签 |
prarent > child | 在给定父标签下匹配所有子标签,$("form > input") |
prev + next | 匹配给定的prev下的紧接下来的一个标签 |
prev ~ sib | 匹配给定的prev后面的同级sib标签 |
1.关于包含选择器和自选择器的区别,包含只要标签被包含在内即有效,子标签必须是父子关系才有效
2.关于+和~匹配的区别,+只匹配同级别的接下来的一个匹配上的标签有效,~同级别的匹配上的所有标签均有效