jQuery基础教程之DOM操作-遍历节点-parent()方法

转载 2012年03月31日 15:45:54

上一章我们说了jQuery教程基础篇之DOM操作-遍历节点-children()方法,那接下来,正好说说parent()方法。

.parent([selector])方法返回的是每一个匹配的元素的父元素的集合。
这里selector是可选参数,是用于过滤父元素的选择器表达式。
HTML代码:

1 <div class="demo">
2 <div><p><a title="jquery"href="http://www.skygq.com/tag/jquery/">jquery</a>学习</p></div>
3 <div class="selected"><p>jquery教程</p></div>
4 <div class="selected"><p>jquery插件</p></div>
5 </div>

jquery代码:

1 $("p").parent().css("background""green");//这样一来三个p的父元素div的背景色都会变成绿色
jquery parent()方法在线测试

再来给parent传入一个参数”.selected”
jquery代码:

1 $("p").parent(".selected").css("background""green");//这样一来三个p的父元素div class为“selected”的背景色会变成绿色
jquery parent(selector)方法在线测试

jQuery之dom操作(遍历节点)

jQuery之dom操作(遍历节点) children()/children(selector)  --  只考虑子元素,不考虑其他后代元素 next()/next(selector)  ...
  • u011637069
  • u011637069
  • 2015年12月05日 16:35
  • 534

jQuery获取循环出来的DOM节点

children()方法        获取匹配元素的所有子元素的个数。     该方法用于取得匹配元素的子元素集合。根据DOM树的结构,可以知道各个元素之间的关系以及它们子节点的个数。childr...
  • scenewood
  • scenewood
  • 2015年10月09日 11:07
  • 902

jQuery 中的 DOM 操作-查找节点

•DOM(Document Object Model—文档对象模型):一种与浏览器,平台,语言无关的接口,使用该接口可以轻松地访问页面中所有的标准组件 •DOM 操作的分类: –DOMCore: ...
  • fanpengfei0
  • fanpengfei0
  • 2017年01月09日 00:36
  • 693

jQuery中的DOM节点的创建与多种插入方式

1jQuery节点创建与属性的处理 上一节介绍了通过JavaScript原生接口创建节点,在处理上是非常复杂与繁琐的。我们可以通过使用jQuery来简化了这个过程 创建元素节点: ...
  • qq_18407565
  • qq_18407565
  • 2017年05月15日 23:02
  • 945

jQuery遍历dom树(5)

什么是遍历? jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。 下图展示了一个家族树。...
  • u011518709
  • u011518709
  • 2013年09月06日 13:04
  • 1483

jQuery中的DOM操作整理

1.创建元素节点例如,创建两个元素节点,并加入到中 首先创建元素节点var $li_1=$(""); var $li_2=$(""); 然后蒋新创建的节点插入文档中$("ul").append($...
  • wangyun_www
  • wangyun_www
  • 2016年08月18日 10:48
  • 2605

jQuery中的DOM和CSS操作

jQuery中的DOM和CSS操作DOM ,它是一种文档对象模型。方便开发者对HTML 结构元素内容进行展示和修改。在JavaScript 中,DOM 不但内容庞大繁杂,而且开发的过程中需要考虑更多的...
  • depers15
  • depers15
  • 2016年07月14日 19:41
  • 464

jQuery中的遍历节点(作用与选择器类似)

jQuery代码如下: Insert title here //页面加载之后调用这个函数 //其作用等价于window.onload = function(){} //注意:j...
  • wangqing84411433
  • wangqing84411433
  • 2017年04月27日 12:54
  • 404

03 JS-DOM之--节点属性操作方法(2种)附案例源码

属性操作两种方法: 1、 dom对象.属性 == dom对象[属性] ; 2、 dom对象.get/set/removeAttribute() 获取属性:dom对...
  • luyu13141314
  • luyu13141314
  • 2016年11月29日 18:26
  • 431

Jquery之DOM节点遍历

HTML DOM 是将一个html文档当做树结构,树有根枝叶,html文档也有根枝叶,这些根枝叶,都可以叫做一个个的节点,即DOM节点;要对html进行操作,也就是对html 的DOM节点进行操作,要...
  • qq_17038389
  • qq_17038389
  • 2016年11月19日 11:41
  • 131
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery基础教程之DOM操作-遍历节点-parent()方法
举报原因:
原因补充:

(最多只允许输入30个字)