jquery中子元素和后代元素的区别示例介绍
作者：
后代，就是当前元素的所有后代，都算，子元素，就是当前元素的子集，再往下走就不算了
今天学习jQuery的选择器：
jQuery选择器分为基本选择器、层次选择器、过滤选择器、表单选择器。
基本选择器：id,class,标签名，*，元素组合(div,span,p.myClass)
层次选择器：
难点： jquery中子元素和后代元素的区别
后代，就是当前元素的所有后代，都算，
子元素，就是当前元素的子集，再往下走就不算了。
具体的分析可以参考：
<div>This is <strong>very</strong> important.</div>
<div>This is <em>really <strong>very</strong></em> important.</div>
以上是html。运行后在浏览器里是看到
This is very important.
This is really very important.
这样的样式，为了容易看到效果，我们不妨就尝试用添加css颜色来试一下
如果运行$("div strong").css("color","red");就是把div的后代元素strong变为红色。运行后是
This is very important.
This is really very important.
如果运行$("div>strong").css("color","blue");就是把div的子元素strong变为蓝色。运行后是
This is very important.
This is really very important.
可以通俗的这样理解，例如有一家人三代同堂，爷爷，父亲和你，这样话爷爷的子元素就是你父亲，同时你父亲也是爷爷的后代元素，而你只是爷爷的后代元素。
jQuery选择器分为基本选择器、层次选择器、过滤选择器、表单选择器。
基本选择器：id,class,标签名，*，元素组合(div,span,p.myClass)
层次选择器：
难点： jquery中子元素和后代元素的区别
后代，就是当前元素的所有后代，都算，
子元素，就是当前元素的子集，再往下走就不算了。
具体的分析可以参考：
复制代码 代码如下:
<div>This is <strong>very</strong> important.</div>
<div>This is <em>really <strong>very</strong></em> important.</div>
以上是html。运行后在浏览器里是看到
This is very important.
This is really very important.
这样的样式，为了容易看到效果，我们不妨就尝试用添加css颜色来试一下
如果运行$("div strong").css("color","red");就是把div的后代元素strong变为红色。运行后是
This is very important.
This is really very important.
如果运行$("div>strong").css("color","blue");就是把div的子元素strong变为蓝色。运行后是
This is very important.
This is really very important.
可以通俗的这样理解，例如有一家人三代同堂，爷爷，父亲和你，这样话爷爷的子元素就是你父亲，同时你父亲也是爷爷的后代元素，而你只是爷爷的后代元素。