首页 > 其他分享 >jQuery 层次选择器

jQuery 层次选择器

时间:2023-09-05 14:32:46浏览次数:34  
标签:jQuery 层次 包含 对象 后代 兄弟 测试 选择器

jQuery 层次选择器

(0)测试前的准备工作

jQuery 层次选择器_选择器

A. 定义测试对象

jQuery 层次选择器_CSS_02

B. 定义测试对象的 CSS 样式

jQuery 层次选择器_选择器_03

C. 再定义一些测试用的 button。

(1)所有后代选择器(A B)

jQuery 层次选择器_CSS_04

所有后代,包括其直接后代及间接后代。

(2)直接后代选择器(A>B)

jQuery 层次选择器_选择器_05

直接后代,不包含其孙子后代等。

(3)下一个兄弟选择器(A+B)

jQuery 层次选择器_jQuery_06

只包含指定对象的下一个兄弟,而不包含其上一个兄弟。

(4)剩余兄弟选择器(A~B)

jQuery 层次选择器_CSS_07

包含指定对象以后的所有兄弟,不包含之前的兄弟。

(5)获取所有兄弟 siblings(“选择器”)


包含指定对象的所有兄弟对象,无论是之前还是之后的。但这里使用的是一个函数

jQuery 层次选择器_jQuery_08

siblings(),而非选择器。

标签:jQuery,层次,包含,对象,后代,兄弟,测试,选择器
From: https://blog.51cto.com/u_16207938/7372151

相关文章

  • 使用jQuery获取下拉菜单项的选定值
    对于单个selectdom元素,获取当前选择的值:$('#dropDownId').val();获取当前选定的文本:$('#dropDownId:selected').text(); 您是否为选择元素提供了id?<selectid='dropDownId'>...你的第一句话应该有用! varvalue=$('#dropDownId:selected').text()......
  • 爬虫配置必备:JQuery|querySelector|Cheerio DOM节点选择干货集
    作者:fbysss前言网页爬取,是一项既费脑子又繁琐的工作。因为网页格式不一,很难完全靠机器自动识别。通常,我们可以采用css选择器来选取DOM节点,从整个网页中抽取我们需要的内容。前端大家最熟悉的应该是JQuery了。如果JQuery不好用,可以直接使用原生的document.querySelectorAll,现在的浏......
  • 前端歌谣的刷题之路-第十一题-伪类选择器
     目录前言题目 核心代码总结前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网......
  • 9层次化网络设计
    分层设计三层模型核心层:主要高速数据交换实现高速数据传输,出口路由,常用冗余机制汇聚层:网络访问策略控制,数据包处理和过滤,策略路由,广播域定义、寻址接入层:主要是针对用户端,实现用户接入,计费管理,MAC地址认证,MAC地址过滤,收集用户信息可以使用集线器替代交换机......
  • 计算机体系结构量化学习方法-学习笔记0(i7 存储层次结构)
    1、interi7所用层次结构内容​ 修改处DataDLB(DataTLB).​ 2、Interi7存储器层次结构及指令与数据访问步骤图 3、指令与数据访问步骤:指令地址的页帧(36bit)被发送给指令TLB(①)。同时虚拟地址的12位页内偏移量被发送给指令缓存(ICACHE).对于8路组相连cache来说,缓存需要......
  • 什么是通配符选择器
    通配符选择器是CSS中的一种基本选择器,它使用“*”符号来匹配所有的HTML元素。通配符选择器用于定义针对所有元素的样式规则,它在样式表中的优先级最低,但也为其他选择器增加了特殊的作用。通配符选择器不仅可以匹配整个元素,还可以针对元素的属性进行匹配,因此在排除某些元素样式的同......
  • 选择器的权重
    在CSS中,选择器的权重是一个重要的概念,它决定了哪个样式规则应用于元素。选择器的权重是由一系列因素决定的,包括选择器的类型、选择器的复杂性以及样式规则的来源。选择器的权重有以下规则:内联样式(InlineStyles)的权重最高,为1000。例如:<divstyle="color:red;">。ID选择器的权......
  • disable/enable an elment using jQuery & JS
    1.JS:  2.jQuery: 参考网址:https://stackoverflow.com/questions/13831601/disabling-and-enabling-a-html-input-buttonhttps://stackoverflow.com/questions/1414365/disable-enable-an-input-with-jquery ......
  • 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
    [导读] 一摘要本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式其中DOM属性和元素属性的区分值得大家学习二前言通过前面几章我们已经能够完全控制jQuery包装集了,无论是通过选择器选取对象,或者从包一.摘要本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS......
  • 从零开始学习jQuery (六) AJAX快餐
    [导读] 一摘要本系列文章将带您进入jQuery的精彩世界,其中有很多作者具体的使用经验和解决方案,即使你会使用jQuery也能在阅读中发现些许秘籍本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能统一所有开发人员使一.摘要本系列文章将带您进入jQuery的精彩世界,其中有很多......