对于刚学jquery的朋友来说,有时候会对jquery的层选择器$("ancestordescendant")和$("parent>child")产生一点理解上的问题。其实很简单,看完下面的例子你就会完完全全明白了。
<wbr></wbr>
<div>This is<strong>very</strong>important.</div>
<div>This is<em>really<strong>very</strong></em>important.</div>
<wbr></wbr>
以上是html。运行后在浏览器里是看到
<wbr></wbr>
This is very important.
This is really very important.
<wbr></wbr>
这样的样式,为了容易看到效果,我们不妨就尝试用添加css颜色来试一下
<wbr></wbr>
如果运行$("divstrong").css("color","red");就是把div的后代元素strong变为红色。运行后是
<wbr></wbr>
This is very important.
This is really veryimportant.
<wbr></wbr>
<wbr>如果运行$("div>strong").css("color","blue");就是把div的子元素strong变为蓝色。运行后是</wbr>
<wbr></wbr>
This is veryimportant.
This is really very important.
<wbr></wbr>
看到这里我想应该都明白了吧,如果再不懂的话,可以通俗的这样理解,例如有一家人三代同堂,爷爷,父亲和你,这样话爷爷的子元素就是你父亲,同时你父亲也是爷爷的后代元素,而你只是爷爷的后代元素。好了,如果再不懂的话,就真的帮不了你了,呵呵
原文:http://blog.sina.com.cn/s/blog_775da6710100vzbr.html
原文:http://blog.sina.com.cn/s/blog_775da6710100vzbr.html
相关推荐
基本选择器:id,class,标签名,*,元素组合(div,span,p.myClass) 层次选择器: 难点: jquery中子元素和后代元素的区别 后代,就是当前元素的所有后代,都算, 子元素,就是当前元素的子集,再往下走就不算了。...
下面小编就为大家带来一篇JQuery遍历元素的后代和同胞实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery,滚动,jQuery 子级元素在父级元素内滚动
用JQuery写的拖动元素进行排序的方法,包含拖动排序、拖动移除、拖动添加。 代码完整可用。没有用到第三方插件,自主可控。 原理是用CSS中position定位来跟踪鼠标移动,就是让元素跟踪鼠标位置,然后判断其在页面...
实用的jquery添加删除元素,代码很简单,在这里记录下
利用jquery ui和append实现元素添加,拖动。自定义div大小!
通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代。 向下遍历 DOM 树 下面是两个用于向下遍历 DOM 树的 jQuery 方法: children() find() jQuery children() 方法 children() 方法返回被选元素的所有直接子...
jquery实现元素置顶,可以实现任意的元素置顶或者距离顶部多少像素
jQuery表单元素美化插件,jQuery表单元素美化插件,jQuery表单元素美化插件,jQuery表单元素美化插件,jQuery表单元素美化插件
之前购买的收费插件,拖动排序元素,应该还可以,分享一下。
jMosaic是一款可以将图片或HTML元素均匀分布排列为网格布局的jQuery插件。可以使用的HTML元素有:img、div、li等。该jQuery插件可以将图片等元素整齐排列,元素的宽高比例不会发生变化。
jQuery获取当前点击的对象元素(实现代码) [removed][removed] </head> <body> 段落1 段落2 段落3 段落4 段落5 [removed] //获取当前点击的对象 $('p').click( function(){ //this表示当前被...
jquery表单元素取值 很实用 强大
熟练掌握JQuery的技术html赋值、each循环遍历、append追加元素、split分割字符串、indexOf找到索引的综合实例源代码,分享给大家.希望能够帮助到你,谢谢你的支持!
常用的JQuery元素查找,很详细全面。
话不多说,下面就跟着小编来看下利用jquery实现删除数组中重复元素的具体思路吧 首先定义如下数组: var arr=[0,2,3,5,6,9,2]; 我们可以看到数组中存在重复元素’2′; 最后通过jquery筛选应该得到[0,2,3,5,6,9]; ok...
jQuery多元素组合动画滑动幻灯片
jquery块元素连接线
jquery元素跟随鼠标移动