jQquery ancestor descendant选择器

最新推荐文章于 2021-05-17 19:45:11 发布
最新推荐文章于 2021-05-17 19:45:11 发布
阅读量366 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cyanciel/article/details/54094647
版权 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ancestor descendant</title>
</head>
	<script src="jquery-1.11.3.min.js">
	</script>
<body>
	<!--
		在给定的祖先元素下匹配所有的后代元素
		ancestor：可以是任意有效的选择器
		descendant:用来匹配元素的选择器，并且是第一个选择器的后代元素
	-->
	<!--
		找到表单中所有 Input元素
		不仅仅是一级子元素 
		也可以是更深层级的子元素
		比如下面的fieldset下面的input
	-->
	<form>
		  <label>Name:</label>
		  <input name="name" />
		  <fieldset>
		      <label>Newsletter:</label>
		      <input name="newsletter" />
		 </fieldset>
	</form>
	<input name="none" />
</body>
<script type="text/javascript">
	$("form input").css('background-color','pink');
</script>
</html>
效果图

ttcyan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery层级选择器用法分析
12-08
例如，`$("ancestor descendant")`会选择所有位于`ancestor`元素之下的`descendant`元素，无论它们的层级有多深。在示例中，`$("form input")`将选取`form1`元素内的所有`input`元素，并改变它们的字体颜色。 3. ...
祖先后代选择器ancestor descendant（jQuery）
牛栏山矿泉水
08-04 294
1、ancestor descendant：在给定的祖先元素下匹配所有的后代元素 2、（1）ancestor ：任何有效选择器 （2）descendant：用以匹配元素的选择器，并且它是第一个选择器的后代元素 3、实例 ancestor.html: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...
层次选择器
qq_45593083的博客
10-27 318
层次选择器 ancestor descendant 选择器 parent>child选择器 prev+next选择器 prev~siblings选择器 ancestor descendant 选择器 ancestor descendant选择器中ancestor表示祖先descendant表示孙子，用于给祖先元素下匹配所有的后代元素 使用方法如下 $(“ancestor descend...
jQuery层次选择器——jQuery学习(4)
weixin_43682519的博客
05-17 268
层次选择器：查找子元素，后代元素，兄弟元素的选择器 1、ancestor descendant 在给定的祖先元素下匹配所有的后代元素; 2、parent>child 在给定的父元素下面匹配所有的子元素； 3、pre+next 匹配所有紧接着在pre后的next元素； 4、prev~siblings 匹配prev元素之后的所有siblings元素 实例代码： <!DOCTYPE html> <html> <head> <title>层次选择器</t
jQuery ancestor descendan选择器
iteye_5722的博客
03-28 170
一 介绍 ancestor descendan选择器中的ancestor代表祖先，descendant代表子孙，用于在给定的祖先元素下匹配所有的后代元素。 ancestor descendan选择器的使用方法如下：  $("ancestor descendant"); ancestor是指任何有效的选择器。 descendant是用以匹配元素的选择器，并且它是ancestor所指定元素...
jQuery 选择器 (ancestor descendant)
张默的博客
01-16 335
jQuery 选择器 (ancestor descendant) 定义和用法 jQuery的ancestor descendant选择器(后代选择器)用于匹配ancestor元素内所有的descendant元素，将其封装为jQuery对象并返回。 注意： 选择器descendant的查找范围是"ancestor元素"的后代元素，不管是"ancestor元素"的子辈元素，还是"孙子辈"，以及更...
jQuery选择器全面总结
10-26
1. **祖先和子孙选择器**: `jQuery("ancestor descendant")`，例如`jQuery("div p")`会选择所有`<div>`内的`<p>`元素。 2. **父子节点选择器**: `jQuery("parent > child")`，例如`jQuery("#divTest > input")`会...
分类解析jQuery选择器
10-21
- `ancestor descendant`：根据祖先元素匹配所有后代元素，如`$("div p")`。 - `parent>child`：匹配父元素的所有直接子元素，如`$("ul > li")`。 - `prev+next`：匹配紧跟在`prev`后面的兄弟元素，等同于`.next...
jQuery层叠选择器用法实例分析
12-09
本文实例讲述了jQuery层叠选择器用法。... 格式:$("ancestor descendant") 子选择器 格式:$("parent>child") 相邻选择器 格式:$("prev+next") 兄弟选择器 格式:$("prev~siblings") 如操作： 获取第一个ul下
基于jQuery选择器的整理集合
10-27
例如，`ancestor descendant`选择器用于选取所有在指定祖先元素内的后代元素；`parent > child`选择器选取所有直接子元素；`prev + next`选择器选取紧接在前一个元素后的元素；`prev ~ siblings`选择器选取所有紧跟...
jQuery学习笔记（一）：层次选择器
weixin_30794851的博客
05-13 101
详细介绍一下jQuery层次选择器中ancestor descendant与parent>child的区别。parent>child：根据父元素匹配所有的子元素，层次关系是父子关系。 ancestor descendant:根据祖先元素匹配所有的后代元素，层次关系是祖先和后代。 编写代码，进行测试，以更加清楚的区分两者的区别：<div id="first">1 ...
ancestor ~descendant 选择器
qq_45337854的博客
10-27 193
在这里插入代码片@TOC 欢迎使用Markdown编辑器 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script language="javascript" src="../jquery-1.11.1.min....
层次选择器的4种选择器列表
wujunlei1595848的博客
06-21 7137
选择器 描述 返回 示例 $("ancestor descendant") 选取ancestor元素里的所有descendant（后代）元素 集合元素span $("div span")选取<div>里的所有的<span>元素 $("parent > child") 选取parent元素下的child（子）元素，与$(...
jquery中子元素和后代元素的区别
mituan1234567的专栏
07-30 582
http://blog.sina.com.cn/s/blog_775da6710100vzbr.html 对于刚学jquery的朋友来说，有时候会对jquery的层选择器$("ancestor descendant")和$("parent>child")产生一点理解上的问题。其实很简单，看完下面的例子你就会完完全全明白了。   This is very important.
XPath学习:轴(3)——descendant
weixin_30853329的博客
09-10 238
XPath 是一门在 XML 文档中查找信息的语言。XPath 可用来在 XML 文档中对元素和属性进行遍历。 XPath 是 W3C XSLT 标准的主要元素，并且 XQuery 和 XPointer 同时被构建于 XPath 表达之上。 推荐一个挺不错的网站：http://www.zvon.org/xxl/XPathTutorial/General_chi/e...
HaLoop：大集群上高效的迭代数据处理（上）
水浴月
06-09 7019
摘要：超大规模数据挖掘和数据分析需求的日益增长，引领着工业和学术界设计大数据计算平台新模式。MapReduce和Dryad是两种流行的平台，数据流在这两种平台上采用操作符的有向非循环图形式。迭代程序在数据挖掘、网页排名、图像分析、模型拟合等许多应用领域中自然而然地出现了，而这两种平台缺乏对迭代程序的内嵌支持。在这篇文章中会呈现HaLoop，这是一种改进的用来服务于各种应用的Hadoop MapRed
在selenium测试中使用XPATH功能函数starts-with、contains、descendant、ancestor、text()定位网页元素
可口可乐的博客
01-07 5111
转载地址：http://blog.csdn.net/godenbird312/article/details/41444587 项目中一些使用xpath函数的复杂例子，记录于此 1. 使用starts-with //div[starts-with(@id,'res')]//table//tr//td[2]//table//tr//td//a//span[contains(.,
ancestor descendant选择器
qq_45683093的博客
10-27 287
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script language="javascript"src="jss/jquery-1.11.1.min.js"></script> <title>ancestor descendant选择...
CSS选择器.pdf
10-09
- 后代选择器（ancestor descendant）：通过空格分隔，选择祖先元素内的后代元素。 - 子元素选择器（parent > child）：仅选择父元素的直接子元素。 - 相邻兄弟选择器（element + element）：选择紧接在另一个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值