首页 > Web开发 > 详细

jquery中子元素和后代元素的区别

时间:2014-04-02 12:58:47      阅读:502      评论:0      收藏:0      [点我收藏+]

今天学习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中子元素和后代元素的区别,布布扣,bubuko.com

jquery中子元素和后代元素的区别

原文:http://blog.csdn.net/zjplovemm/article/details/22782569

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!