【JQuery】:has(selector)过滤选择器

最新推荐文章于 2022-11-13 22:36:30 发布
最新推荐文章于 2022-11-13 22:36:30 发布
阅读量367 收藏
点赞数
分类专栏： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/happyhaojie/article/details/51000043
版权

功能：选择 选择器中包括指定元素名称的全部元素，所以selectou是元素名称。对了，可以是子元素也可以是孙子元素。

例子：

    <body>
        <div>改变包含"label"元素的背景色：</div>
        <ol>
            <li><p>我是P先生</p></li>
            <li><label>L妹纸就是我</label></li>
            <li><p>我也是P先生</p></li>
            <li><p><label>我也是L妹纸哦</label></p></li>
            <li><p>P先生就是我哦</p></li>
        </ol>
        
         <script type="text/javascript">
            $("li:has('label')").css("background-color", "blue");
        </script>
    </body>

结果：


badlyForPapers
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【jQuery】:has(selector)过滤选择器
O(∩_∩)O
12-16 593
除了在上一小节介绍的使用包含的字符串内容过滤元素之外，还可以使用包含的元素名称来过滤，:has(selector)过滤选择器的功能是获取选择器中包含指定元素名称的全部元素，其中selector参数就是包含的元素名称，是被包含元素。 例如：获取指定包含某个元素名的全部元素，并改变它们显示文字的颜色，如下图所示： 在浏览器中显示的效果： 可以看出，通过使用$("li:
3.:has(selector)过滤选择器
weixin_34000916的博客
03-10 131
除了在上一小节介绍的使用包含的字符串内容过滤元素之外，还可以使用包含的元素名称来过滤，:has(selector)过滤选择器的功能是获取选择器中包含指定元素名称的全部元素，其中selector参数就是包含的元素名称，是被包含元素。 例如：获取指定包含某个元素名的全部<li>元素，并改变它们显示文字的颜色，如下图所示： 在浏览器中显示的效果： 可以看出，通过使用$("li:...
jquery selector 基础
weixin_30653097的博客
08-09 114
Jquery的这套选择符是比较帅气的，借用了XPath2.0和CSS1-3中的语法，并且兼容了多个浏览器，让原本非常复杂的DOM，一下子变得简单起来了，手中最新的版本是1.2.2b，下面的所有例子，也是根据此版本提供的例子。 测试HTML代码： <div id="father"> <div id="first">I am first</div> ...
jquery之 has()、filter()、not()
qq_23499399的博客
07-31 632
filter：过滤当前元素自身 not：filter的反义词 has：当前元素里面的东西   &lt;body&gt;     &lt;div class="box"&gt;div1&lt;/div&gt;     &lt;div&gt;div2&lt;/div&gt;     &lt;div&gt;         &lt;span class="box"
jQuery :has(selector)_给所有包含p元素的div元素添加一个text类
cyanciel的专栏
01-05 931
:has(selector) .test { width:300px; height:300px; background-color:lightgreen; margin:20px auto; } <!--:匹配含有选择器所匹配的元素的元素 --> Hello Hello again! $('div:has(p)').addClas
jQuery中:has选择器用法实例
01-19
本文实例讲述了jQuery中has选择器用法。分享给大家供大家参考。具体分析如下： 此选择器匹配含有选择器所匹配的元素的元素。 语法结构: 代码如下:$(“:has(selector)”) 关于此选择器的定义可能有点拗口，通俗的讲...
JQuery选择器、过滤器大整理
10-24
以下是一些基本的jQuery选择器： 1. **基本选择器**：`$()` 函数可以直接接收一个CSS选择器，如 `$("#myID")` 选取ID为`myID`的元素，`$(".myClass")` 选取具有类`myClass`的所有元素，`$("tagname")` 选取所有`tag...
jquery选择器之内容过滤选择器详解
10-26
本文将详细解析jQuery中的四个主要内容过滤选择器：`:contains(text)`、`:empty`、`:has(selector)`和`:parent`。 1. **`:contains(text)`选择器** `:contains(text)`选择器用于选取那些其文本内容包含指定字符串...
JQuery 选择器、过滤器介绍
10-28
在深入探讨jQuery选择器和过滤器之前，先让我们回顾一下jQuery的基本概念。jQuery是一个流行的JavaScript库，它的核心理念是“write less, do more.”，即用更少的代码实现更多的功能。它简化了DOM（Document Object...
jQuery内容过滤选择器用法分析
12-12
本文实例讲述了jQuery内容过滤选择器用法。分享给大家供大家参考。具体分析如下： 在HTML文档中，元素的内容可以是文本或者子元素，如果将某个选择器或者内容过滤选择器一起使用，就可以从查询到的元素中进一步筛选...
前端_Jquery_选择器和选择集过滤
feizuiku0116的博客
08-16 112
一.Jquery选择器 描述 jquery选择器就是快速选择标签元素，获取标签的，选择规则和css样式一样。 种类 标签选择器 类选择器 id选择器 层级选择器 属性选择器 实例 <script> $('#myId') //选择id为myId的标签 $('.myClass') // 选择class为myClass的标签 $('li') //选择所有的li标签 $('#ul1 li span') //选择id为ul1标签下的所有li标签下的span标签
CSS :has伪类
最新发布
橘猫吃不胖的博客
11-13 7794
CSS :has伪类 1 概述 2 实例说明 2.1 表单元素前面加* 2.2 拖拽列表 2.3 多层级hover 2.4 评星组件 3 兼容性
CSS:has () 伪类，:not()伪类
BambooStrip的博客
08-31 4350
CSS:has () 伪类，:not()伪类
jQuery :has() 选择器
我用键盘敲出一个世界
09-27 1639
选取所有包含有 元素在其内的 元素： $(“p:has(span)”)。 举例：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.mi
CSS样式中伪类和伪类元素的区别（css中一个冒号和两个冒号的区别）
swordsmanye的博客
05-16 2585
首先介绍下什么是伪类，所谓伪类就是： 伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于 状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可 以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。 ...
jQuery中的五种过滤选择器
qq_37014317的博客
05-04 1597
基本过滤器： :first 获取第一个元素:last 获取最后个元素 :not(selector) 去除所有与给定选择器匹配的元素 :even 匹配所有索引值为偶数的元素，从 0 开始计数 :odd 匹配所有索引值为奇数的元素，从 0 开始计数:eq(index) 匹配一个给定索引值的元素 :gt(index) 匹配所有大于给定索引值的元素 :lt(index) 匹配所有小于给定索引值的元素 :...
伪类（伪类选择器）
weixin_46736220的博客
04-06 332
文章目录基本过滤选择器内容过滤选择器可见性过滤选择器属性过滤选择器表单对象属性过滤选择器 基本过滤选择器 :first 选取第一个元素，返回单个元素 $(“p:first”) 选取所有< p>元素中第一个< p>元素 :last 选取最后一个元素，返回单个元素 :not(selector) 去除所有与给定选择器匹配的元素，返回元素集合 $(“input:not(.myClass)”) 选取 类名 不是 myClass 的< input> 元素 :eve
【JQuery】下拉列表框的change事件
热门推荐
O(∩_∩)O
04-02 2万+
当一个元素的值发生变化时，将会触发change事件。 例如在选择下拉列表框中的选项时，就会触change事件。 其实很好理解，但是我在写程序的过程中，却发现了另外的问题。 下拉列表的change事件 葡萄 苹果 荔枝 香焦
【JQuery】页面加载时触发ready()事件
O(∩_∩)O
04-02 1万+
从现在开始进入JQuery的事件和应用了！ 好了，言归正传！ ready()类似于onload(). 但ready()只要页面的DOM结构(文档结构)加载后便触发！不包括图片等非文字媒体文件. onload()需要页面的全部元素加载完后才触发！ ready()的使用方式有以下几种. 法一： $(document).ready(function(){do somethi
深入理解jQuery：语法、选择器与事件
本教程深入介绍了jQuery的基本用法和核心概念，包括jQuery语法、选择器、事件函数及其应用实例。\n\n一、jQuery语法实例\njQuery语法以$(selector).action()的形式编写，其中$是jQuery的别名，selector用于选取HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值