手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery中子元素和后代元素的区别示例介绍
jquery中子元素和后代元素的区别示例介绍
摘要:今天学习jQuery的选择器:jQuery选择器分为基本选择器、层次选择器、过滤选择器、表单选择器。基本选择器:id,class,标签名,*...

今天学习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中子元素和后代元素的区别示例介绍】相关文章:

jQuery+ajax实现无刷新级联菜单示例

基于jQuery实现的无刷新表格分页实例

jquery实现的判断倒计时是否结束代码

jQuery实现的多屏图像图层切换效果实例

Jquery中基本选择器用法实例详解

jQuery处理图片加载失败的常用方法

JQuery中DOM实现事件移除的方法

浅谈javascript中for in 和 for each in的区别

AngularJS中的一些常用指令介绍

jQuery子窗体取得父窗体元素的方法

精品推荐
分类导航