JQuery(二)层级选择器

最新推荐文章于 2022-10-26 09:13:13 发布
最新推荐文章于 2022-10-26 09:13:13 发布
阅读量348 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37538698/article/details/81711850
版权

ancestor descendant

所有的匹配的后代元素都符合条件

<!DOCTYPE html>
<html>
  <head>
    <title>selectorl.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
 	<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript">
	$(function(){
		$("form input").css("color","red");
		$("form input").val("111111");
	});
	</script>
  </head>
  
  <body>
    <div>
		<p>
			ancestor descendant 后代选择器
			parent > child 子选择器
			prev + next 紧接的下一个选择器
			prev ~ siblings 以后的所有兄弟元素
		</p>
    </div>
    <div>
    	<form>
		  <label>Name:</label>
		  <input name="name" />
		  <fieldset>
		      <label>Newsletter:</label>
		      <input name="newsletter" />
		 </fieldset>
		</form>
		<input name="none" />
    </div>
  </body>
</html>

parent > child 

子选择器

prev + next

匹配所有紧接在 prev 元素后的下一个 next 元素

prev ~ siblings

以后的所有兄弟元素

笨小孩xl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery层级选择器用法分析
10-24
主要介绍了jQuery层级选择器用法,实例分析了常见的四种层级选择器的使用技巧,并给出了实例总结,需要的朋友可以参考下
jQuery层级选择器实例代码
10-20
主要为大家详细介绍了jQuery层级选择器实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
CSS两种高级选择器
YourLie_in_April的博客
03-24 589
CSS高级选择器分为层次选择器和属性选择器。 层次选择器可分为： 1、后代选择器 （E&nbsp；F{ }） 2、子选择器 (E>F{ }) 3、相邻兄弟选择器 (E+F{ }) 4、通用兄弟选择器 (E~F{ }) 属性选择器（区分大小写）可分为： 1、E[attr] 选择匹配具有属性attr的E元素 2、E[attr=val] 选择匹配具有属性attr的E元素,并...
select级联选择器参考 原生JS实现和jQuery实现
qq_40178497的博客
03-27 1987
原生JS实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t.
jquery基本选择器和层级选择器
xiaozhuangyumaotao的博客
06-03 226
jquery基本选择器分类： 1、#id 示例：$(“#box”).css(“color”,”red”); 返回：单个元素组成的集合 注意：一张页面中id不能重复 2、element 示例：$(“div”).css(“color”,”red”); 返回：集合 3、.class 示例：$(“.box”).css(“color”,”red”); 返回：集合 4、* 示例：$(“*”) 返回：集合 5、selector1,selector2...
02-CSS基础选择器
weixin_43927457的博客
07-04 1388
typora-copy-images-to: media 第01阶段.前端基础.CSS基础选择器 CSS选择器（重点） 学习目标： 理解 能说出选择器的作用 id选择器和类选择器的区别 应用 能够使用基础选择器给页面元素添加样式 1. CSS选择器作用（重点） [外链图片转存失败(img-myUVLeVh-1562221182585)(https://mp.csdn.net/...
jQuery输入框三级联动菜单选择
最新发布
ICode联盟
10-26 504
jQuery输入框三级联动菜单选择效果，点击input输入框分类菜单选择器，点击弹出下拉菜单，三级联动选择器，适用于多分类菜单选择代码。
jquery层级选择器的实现(匹配后代元素div)
10-21
在jQuery中，层级选择器是用于选取文档结构中具有特定关系的元素的关键工具。这些选择器使得能够根据元素之间的相对位置来定位DOM中的特定元素，从而实现更精确的DOM操作。本文将详细介绍jQuery中的层级选择器，特别...
jQuery层级选择器_动力节点节点Java学院整理
10-19
jQuery层级选择器是jQuery库中用于选取具有特定层级关系元素的重要工具。它们允许开发者根据HTML文档对象模型（DOM）的结构来精准定位所需元素。在本文中，我们将深入探讨jQuery的层级选择器，包括Descendant ...
jQuery前端开发学习指南(07)——jQuery层级选择器
谷哥的小弟
03-22 507
层级选择器是根据元素的关系(例如：父子关系，兄弟关系)来获取其它元素。
jQuery多级联动选择器
06-01
一款多级联动选择器，可自定义层级
mCascader:基于JQ、MUI的移动端气泡级联组件mCascader。支持可选择任意层级
04-17
mCascader mCascader 是一款mui风格的移动端气泡级联框，支持可选择任意层级、默认值、分隔符 首先引入mui和jq库，及mui_cascader.css（cascader的样式） [removed][removed] [removed][removed] <link href="https://cdn.bootcdn.net/ajax/libs/mui/3.7.1/css/mui.min.css" rel="stylesheet" /> <link href="
jQuery层次选择器选择元素使用介绍
12-09
代码如下: <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <!– 1.层次选择器： 通过DOM元素间的层次关系获取元素，其主要的层次关系包括后代、父子、相邻、兄弟关系，通过其中基类关系可以方便快捷地定位元素 jQuery选择器详解 根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中，在过滤选择器中有可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器6种 注：ancestor descendant与parent
jQuery层级选择器（常用）
越努力越幸运的博客
06-27 410
jQuery层级选择器（常用） 层级有四种： 某元素A的所有后代元素B用空格表示（例：form input表示form中的所有input标签） 某元素A的子元素B用>表示（例：form>input仅表示form中的input子元素） 某元素A下边的元素B用+表示（例：label>input表示前面是label的input元素） 某元素A后边的兄弟元素B用~表示（例：form~input表示与form互为兄弟元素的input元素） <!DOCTYPE html> <ht
jQuery 选择器（基本选择器/层级选择器/过滤选择器/筛选选择器）
carriehaohao的博客
03-04 3362
jQuery选择器 1. JS中选择DOM元素的方法 考虑兼容性的话，js里面提供的选择DOM的方法只有两个： JavaScript选择元素的方法 document.getElementById(); 通过id属性获取指定元素 返回唯一的DOM对象 document.getElementsByTagN
jquery通过class多级选择
Flyer的后花园
06-16 3539
$(".bm-quality .bm-toolbar-action .quality-screening").on('click', function() { var option = { width : "565px", height : "830px", opacity :
js进阶 10-5 jquery中的层级选择器有哪些
weixin_33701294的博客
06-13 103
js进阶 10-5 jquery中的层级选择器有哪些 一、总结 一句话总结： 1、jquery中的层级选择器有哪些？ 四种，后代，子代，兄弟，相邻兄弟 2、如何区别jquery中的层级选择器？ 记住这四个符号：空格 大于号 波浪线 加号     二、js进阶 10-5 jquery中的层级选择器有哪些 1、相关知识点 层级选择器 层次选择器,就是能过元素之间的层次关系来获取...
jQuery三级下拉地区选择插件
ICode联盟
04-13 404
下载地址 jQuery多级联动地区下拉框插件，我们在写后台表单的前端代码时，经常会遇到省市区县多级联动的地区选择功能，这个功能无论是地区数据的结构化还是对地区数据的筛选都是非常困难的，这个jQuery省市区县多级联动下拉框插件很好地解决了这个问题，我们只需要简单的配置一下插件即可，更方便的是，这款插件可以实现下拉项的拼音搜索和全字搜索。 dd: ...
jQuery层级选择器
dly的博客
12-19 485
jQuery层级选择器A B ，获得A元素内部所有的B后代元素。（父子,爷孙..） A > B ，获得A元素内部所有的B子元素。（父子） A + B ，获得A元素后面的第一个兄弟B。（兄弟） A ~ B ，获得A元素后面的所有的兄弟B。（兄弟）<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
jQuery层次选择器详解与实战
需要注意的是，`prev ~ div`选择器只选取`#prev`元素后面的所有同辈元素，而`.siblings()`方法则不考虑位置，只要是在同一层级的兄弟节点都能被选取。 jQuery是一个流行的JavaScript库，它的出现极大地简化了DOM...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值