jquery中子元素和后代元素的区别示例介绍
更新时间：2014年04月02日 15:43:10 作者：
后代，就是当前元素的所有后代，都算，子元素，就是当前元素的子集，再往下走就不算了
今天学习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.
可以通俗的这样理解，例如有一家人三代同堂，爷爷，父亲和你，这样话爷爷的子元素就是你父亲，同时你父亲也是爷爷的后代元素，而你只是爷爷的后代元素。
相关文章
这篇文章主要介绍了JQuery做的一个简单的点灯游戏分享,点灯游戏是一个十分有趣的智力游戏,需要的朋友可以参考下2014-07-07
这篇文章主要介绍了基于jQuery.i18n实现web前端的国际化，具有很好的参考价值，希望对大家有所帮助2018-05-05
这里给大家整理汇总了10款jQuery/CSS3图片特效插件，效果都非常棒，推荐给大家，有需要的小伙伴参考下2014-12-12
这篇文章主要介绍了EasyUI在表单提交之前进行验证的实例代码的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
用户注册的表单往往是需要进行验证的，否则会有一些不否合规则的数据入库，后果会不堪设想，下面为大家详细介绍下通过jquery是如何实现的，下面有个示例，感兴趣的朋友可以参考下2013-08-08
JQuery扩展插件Validate 1 基本使用方法并打包下载
Validate是用于B/S结构客户端验证用的JQuery扩展插件,使用时需要引用两个js文件2011-09-09
这篇文章主要介绍了JQuery手速测试小游戏实现思路详解,本文给大家介绍的非常详细，具有参考借鉴价值，需要的朋友可以参考下2016-09-09
这篇文章主要为大家详细介绍了jQuery处理XML文件的几种形式方法,如何使用jQuery解析XML，感兴趣的小伙伴们可以参考一下2016-06-06
这篇文章主要介绍了jquery操作复选框checkbox的方法,实例汇总了jQuery针对checkbox进行判断与赋值的各种常用操作技巧,需要的朋友可以参考下2015-02-02
这里为你提供了三种动态加载js的jquery实例代码哦，由于jquery是为用户提供方便的，所以利用jquery动态加载文件只要一句话$.getScript(\"test.js\");就OK了。2013-08-08
最新评论