jQuery的层选择器$("ancestor descendant")和$("parent>child")举例说明
<div>This is <strong>very</strong> important.</div>
<div>This is <em>really <strong>very</strong></em> important.</div>
以上是html。运行后在浏览器里是看到
这样的样式,为了容易看到效果,我们不妨就尝试用添加css颜色来试一下
如果运行
$("div strong").css("color","red");
就是把div的后代元素strong变为红色。运行后是
如果运行
$("div>strong").css("color","blue");
就是把div的子元素strong变为蓝色。运行后是
- $("ancestor descendant")
表示所有的ancestor以下的descendant - $("parent>child")
表示当且仅当child紧跟着parent的时候