jQuery中子元素和后代元素的区别。

对于刚学jquery的朋友来说，有时候会对jquery的层选择器$("ancestordescendant")和$("parent>child")产生一点理解上的问题。其实很简单，看完下面的例子你就会完完全全明白了。

<wbr></wbr>

<div>This is<strong>very</strong>important.</div>

<div>This is<em>really<strong>very</strong></em>important.</div>

<wbr></wbr>

以上是html。运行后在浏览器里是看到

<wbr></wbr>

This is very important.

This is really very important.

<wbr></wbr>

这样的样式，为了容易看到效果，我们不妨就尝试用添加css颜色来试一下

<wbr></wbr>

如果运行$("divstrong").css("color","red");就是把div的后代元素strong变为红色。运行后是

<wbr></wbr>

This is very important.

This is really veryimportant.

<wbr></wbr>

<wbr>如果运行$("div&gt;strong").css("color","blue");就是把div的子元素strong变为蓝色。运行后是</wbr>

<wbr></wbr>

This is veryimportant.

This is really very important.

<wbr></wbr>

看到这里我想应该都明白了吧，如果再不懂的话，可以通俗的这样理解，例如有一家人三代同堂，爷爷，父亲和你，这样话爷爷的子元素就是你父亲，同时你父亲也是爷爷的后代元素，而你只是爷爷的后代元素。好了，如果再不懂的话，就真的帮不了你了，呵呵


原文： http://blog.sina.com.cn/s/blog_775da6710100vzbr.html