jq层级选择器

最新推荐文章于 2024-01-14 11:54:30 发布
最新推荐文章于 2024-01-14 11:54:30 发布
阅读量255 收藏
点赞数
分类专栏： jq教学
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33530408/article/details/81167045
版权

引入jq文件query-1.12.4.js

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<div id="father">
  <div>11</div>
  <div>22
    <p>111</p>
    <p>222</p>
    <p>333</p>
  </div>
  <div>33</div>
  <div>44</div>
  <div>55</div>
  <p>66</p>
  <p>77</p>
  <p>88</p>
</div>

<script src="jquery-1.12.4.js"></script>
<script>
  $(function () {
    
    //$("s1,s2")// 并集选择器
    //$("s1 s2")// 后代选择器
    //$("s1>s2")// 子代选择器
    
    //$("li.green")
    //$("s1s2") //交集选择器
    
    
    //$("#father>p").css("backgroundColor", "red");
    $("#father p").css("backgroundColor", "red");
  });
</script>

</body>
</html>

 

我的纸飞机啊飞啊飞啊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jq选择器
weixin_46191548的博客
02-06 116
CSS选择器 1）id选择器：$(".list").css("color","red"); 2）class选择器：$("#idd").css("color","green"); 3）标签选择器：$("li").css("color","yellow"); 4）通用选择器：$("*").css("color","red"); 5）层级选择器：$("*").css("color","red"); 6）...
css3层级选择器、属性选择器、伪类选择器（结构和目标）
YY的博客
09-22 760
css3层级选择器、属性选择器、伪类选择器（结构和目标）
jQuery多级联动选择器
06-01
一款多级联动选择器，可自定义层级
CSS04：层级选择器
搬运工
02-10 1763
后代选择器 在某个元素的后面；比如祖爷爷的“后代选择器”有爷爷、爸爸、你 举例：body 后的所有 p 元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* 后代选择器 */ body p { ...
jquery的选择器（选择器的分类和作用）
weixin_67138897的博客
10-19 3603
基本选择器是jQuery中最常用也是最简单的选择器，它通过元素的id、class和标签名等来查找DOM元素。
jQuery选择器
m0_65731386的博客
05-23 513
jQuery的选择器与CSS3中的选择器几乎完全一致，这里就不再赘述。总体梳理：基本选择器层次选择器伪类选择器伪元素选择器器属性选择器 具体用法如下：$("form")jQuery中所有选择器都以美元符号开头：$()在页面中选取所有元素$("div")实例 用户点击按钮后所有元素都隐藏通过 id 选取元素语法如下$("#div1")实例 用户点击按钮后，有id="div1"属性都元素都将被隐藏jQuery 类选择器可以通过指定的 class 查找元素。
jquery选择器之层级过滤选择器详解
12-11
代码如下:$(“ancestor descendant”)：选取parent元素后所有的child元素$(...注:siblings是过滤器后两个用的比较少，一般会有其他选择器替代 代码如下:$(“prev + next”)等价于next()$(“prev ~ siblings”)等价
jquery层级选择器的实现(匹配后代元素div)
11-23
在jQuery中，层级选择器是用于选取文档结构中具有特定关系的元素。这些选择器使得开发者能够更加精确地定位到需要操作的DOM元素。在给定的标题和描述中，我们关注的是匹配后代元素的jQuery选择器。我们将深入探讨这...
基于jQuery的三层级联选择器
06-01
在本文中，我们将深入探讨如何实现一个基于jQuery的三层级联选择器，这种选择器通常用于网站中的下拉菜单或导航系统，以提供用户友好且交互性强的界面体验。我们将关注涉及的技术点，包括HTML结构、CSS样式以及...
JQ下拉层级关系解决
06-03
总的来说，解决JQ下的下拉层级关系涉及到HTML结构的设计、jQuery的选择器和方法的运用，以及可能的用户交互优化。通过理解这些概念并灵活应用，可以创建出功能强大且用户体验良好的下拉菜单系统。
jQuery中的层次选择器
weixin_43350001的博客
02-26 2512
jQuery中的层次选择器 常见的层次关系包括：父子、后代、兄弟、相邻。 $(“M N”) 等价于 $(M).find(N)；表示选择后代。 $(“M>N”) 等价于 $(M).children(N)；表示选择子代。 $(“M~N”) 等价于 $(M).nextAll(N)；表示在兄弟之中选择后面所有兄弟。 $(“M+N”) 等价于 $(M).next(N)；表示在兄弟之中只选择后面那个兄弟。 HTML文件代码： <!DOCTYPE html> <html lang="en"
jQuery选择器（一）基本选择器、层次选择器及属性选择器的详细使用
最新发布
Jin_Xiang123的博客
01-14 3573
本篇文章主要介绍在jQuery中基本选择器、层次选择器及属性选择器的详细使用以及部分理论知识 在jQuery中，基本选择器是一组简单而直接的选择器，用于选择DOM元素。它们是最常用和最基础的选择器，可以根据元素的标签名、类名、id等属性来选择元素。基本选择器包括标签选择器、类选择器、ID选择器、并集选择器和全局选择器。名称语法构成描述示例标的id匹配元素。
jQuery基本选择器
weixin_57762662的博客
05-19 820
我们都知道，在CSS中，选择器是选择页面中的某些HTML元素，jQuery中的选择器我们使用“$”，因为这种方式比较全面，而且也不会存在浏览器的兼容问题。jQuery的选择器有很多，我们把它分为基本选择器、层次选择器、过滤选择器和属性选择器。不过我今天只讲基本选择器，而基本选择器也分为四种：元素选择器、ID选择器、类选择器和并列选择器。 元素选择器： 元素选择器是可以选中HTML文档中所有的某个元素。如$(“li”)可以表示选中本网页中所有的li元素，又如$("input")可以表示选中本网页中所有的i
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/...
2、层级选择器（组合、层级、伪元素、伪类）
weixin_45065754的博客
04-04 689
1、组合选择器（h1,h2） 2、层级选择器（.box2 h1,.box2 h2） 3、伪类选择器（添加行为）（.box3:hover） 4、伪元素选择器（添加元素）（.box4 h1::after）
JQuery学习笔记——层级选择器
07-21 162
JQuery学习笔记——层级选择器 上一篇学习了基础的五种选择，分别是id选择器，class选择器，element选择器，*选择器 和 并列选择器。根据手册大纲，这篇学习的是层级选择器。 选择器： 1、基础选择器 2、层级选择器 　　1）、ancestor descendant 　　2）、parent > child 　　3）、prev + next 　　4）、pr...
css教程3.2——层次选择器
2301_79861127的博客
12-10 491
注意：会后代选择器会选中后代所有元素（比如：祖爷爷 爷爷 爸爸 你，当选中"祖爷爷"时，后面的“爷爷”，“爸爸”，“你”都会生效）注意：子选择器只会选择后一代元素（比如：还是上面的例子，当选中“祖爷爷”时，只会有“爷爷”生效）可以通过元素在文档中的层次关系来选择元素，包括子元素、后代元素、相邻元素等。例如：body p 会选择所有body元素下的p元素。作用：用于选择某个元素之后的所有兄弟元素，使用~符号。作用：用于选择某个元素的相邻兄弟元素，使用+符号。作用：用于选择某个元素的直接子元素，使用>符号。
JQuery中层级选择器
you4580的专栏
03-21 196
语法： $(“A > B”) 选择A元素内部的所有B子元素。语法： $("A B ") 选择A元素内部的所有B元素。
jq name 选择器
08-18
jq name选择器是指使用name属性来选择元素的jQuery选择器。在jQuery中，可以使用以下语法来选择拥有特定name属性的元素： $("[name='nameValue']") 其中，nameValue是要选择的元素的name属性的值。使用这种选择器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值