jquery中子元素和后代元素的区别
2015-08-13 15:50
555 查看
对于刚学jquery的朋友来说,有时候会对jquery的层选择器$("ancestor descendant")和$("parent>child")产生一点理解上的问题。其实很简单,看完下面的例子你就会完完全全明白了。
<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.
看到这里我想应该都明白了吧,如果再不懂的话,可以通俗的这样理解,例如有一家人三代同堂,爷爷,父亲和你,这样话爷爷的子元素就是你父亲,同时你父亲也是爷爷的后代元素,而你只是爷爷的后代元素。好了,如果再不懂的话,就真的帮不了你了,呵呵
<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.
看到这里我想应该都明白了吧,如果再不懂的话,可以通俗的这样理解,例如有一家人三代同堂,爷爷,父亲和你,这样话爷爷的子元素就是你父亲,同时你父亲也是爷爷的后代元素,而你只是爷爷的后代元素。好了,如果再不懂的话,就真的帮不了你了,呵呵
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- jQuery Ajax 跨域调用
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 异步流程控制:7 行代码学会 co 模块
- [译] React 入门
- 通过Mootools 1.2来操纵HTML DOM元素
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- WEB标准网页布局中尽量不要使用的HTML标签
- Jquery实现的table最后一行添加样式的代码
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码
- 使用Browserify配合jQuery进行编程的超级指南
- jquery如何实现在加载完iframe的内容后再进行操作
- jquery $.ajax()取xml数据的小问题解决方法