内容过滤选择器

最新推荐文章于 2023-08-08 23:46:31 发布
最新推荐文章于 2023-08-08 23:46:31 发布
阅读量64 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/sunxiaoyan/p/8744766.html
版权

代码示例：

<!DOCTYPE html>
<html>
  <head>
    <title>selectorDemo3.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-3.3.1.js"></script>
    <script type="text/javascript">
        $(function(){
            //:contains(text)选择含有文本内容为text的元素
             //$("div:contains('John')").css({background:"red"});
            
            //:empty选取不包含子元素或者文本为空的元素
            //$("td:empty").css({background:"red"});
            
            //:has(selector)选取含有选择器匹配的元素的元素
            //$("div:has(#div1)").css({background:"red"});
            
            //:parent选取含有子元素或者文本元素
            $("td:parent").css({background:"red"});
        });
    </script>
  </head>
  
  <body>
       <div>John Resig</div>
       <div>George Marth</div>
       <div>Malcom John Tom</div>
       <table border="1px solid">
           <tr>
               <td></td>
               <td>Value1</td>
           </tr>
           <tr>
               <td>Value2</td>
               <td></td>
           </tr>
       </table>
       <div style="width:200px;height:200px;border:1px solid;">
           <div id="div1" style="width:50px;height:50px;border:1px solid;background:green"></div>
       </div>
  </body>
</html>

 

转载于:https://www.cnblogs.com/sunxiaoyan/p/8744766.html

dlznu22406
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery内容过滤选择器用法分析
10-24
主要介绍了jQuery内容过滤选择器用法,实例分析了:contains()、:has()、:empty()、:parent等内容过滤选择器的使用技巧,需要的朋友可以参考下
jQuery内容过滤选择器用法示例
10-21
主要介绍了jQuery内容过滤选择器用法,结合实例形式分析了jQuery中使用contains、empty、has、parent等进行内容过滤的操作技巧,需要的朋友可以参考下
【JavaWeb】 JavaScript 开发利器之 jQuery
最新发布
dandelionl_的博客
08-08 1387
jQuery 通过简化 JavaScript 的编码方式和提供丰富的功能集，让开发者可以更快速、高效地构建交互性强、功能丰富的网页应用程序。它的广泛应用和成熟的生态系统使得它成为了现代网页开发中不可或缺的一部分。
jQuery前端开发学习指南(09)——jQuery内容过滤选择器
谷哥的小弟
03-24 220
内容过滤选择器用于根据元素内部文本进行选择。
jquery内容过滤选择器：内容过滤选择器它是根据元素内部文本内容进行选中。
boss_way的博客
11-01 4538
1.1． 内容过滤选择器 内容过滤选择器它是根据元素内部文本内容进行选中。   :Contains（text）：匹配包含给定文本的元素 :Empty：匹配所有不包含子元素或者文本的空元素 :Has(selector):匹配含有选择器所匹配的元素的元素 :addClassL(“类名”)：给所有的标签添加类名 :Parent：匹配含有子元素或者文本的元素 示例： $(fu
jQuery(二)——jQuery选择器之内容过滤选择器
HangHug_L的博客
01-30 366
2. 内容过滤选择器 :contains(text) 匹配包含给定文本的元素 :empty 匹配所有不包含子元素或者文本的空元素　　即，空元素 :parent 匹配含有子元素或者文本的元素 　　　即，非空元素 :has(selector) 匹配含有选择器所匹配的元素的元素 ， 仅在其子元素中匹配 :empty和:parent是一对相反的选择。empty选择空元素，parent选择非空的元素。 <div></div> 一对双标签里什么都没有，就是空元素。 如果有一个空格(文
jQuery选择器(二)（基本过滤器，内容过滤器，可见过滤器）
m0_70571756的博客
05-22 5610
jQuery是一个快速、简洁的 JavaScript 框架，是继Prototype之后又一个优秀的 JavaScript 代码库。jQuery的设计宗旨是“WriteLess，DoMore”，即倡导写更少的代码，做 更多的事情。jQuery封装了 JavaScript 常用的功能代码，提供一种简便的 JavaScript 🍋jQuery选择器 🥙过滤器 🧀1.基本过滤器 🍤2.内容过滤器 🧁3.可见过滤器 ☕️4.属性过滤器 🍹5.子元素过滤器
使用jQuery内容过滤选择器选择元素实例讲解
10-27
内容过滤选择器：根据元素中的文字内容或所包含的子元素特征获取元素，其文字内容可以模糊或绝对匹配进行元素定位，接下来为大家详细介绍下jQuery选择器，感兴趣的朋友可以参考下哈
JQ 内容过滤选择器
08-13
NULL 博文链接：https://onestopweb.iteye.com/blog/2290070
jQuery选择器---内容过滤选择器、可见性过滤选择器、表单元素过滤选择器
qq_43102118的博客
07-17 274
一、内容过滤选择器 什么是内容过滤选择器：根据元素的内容中包含的关键词来匹配的元素 包括4种： 1.:contains(关键词)匹配元素内容中包含指定的“关键词” 2.:has(选择器)匹配子元素中包含符合选择器要求的元素的父元素 3.:parent 匹配所有内容不为空的元素 4.:empty 匹配内容为空的元素 二、 可见性过滤选择器: 什么是 可见性过滤:根据元素是否可见来选择元素 包括： 1.:visible 专门匹配可见的元素 2. :hidden 专门匹配不可见的元素(只能选择display
jQuery过滤选择器详解
Ydoing的专栏
08-19 247
基本过滤选择器 选取第一个元素(:first) //选择第一个div元素. $('#btn1').click(function(){ $('div:first').css("background","#bfa"); }) 选取最后一个元素(:last) //选择最后一个div元素. $('#...
JQuery选择器(内容过滤选择器)
chuteng3602的博客
09-12 868
内容过滤选择器的过滤规则主要体现在它所包含的子元素或文本内容上。内容过滤选择器的介绍详见下表: 内容过滤选择器 选择器 描述 返回 示例 :contains...
jquery内容过滤选择器、可见度选择器
李卫康的博客
07-10 858
内容过滤选择器的过滤规则主要体现在它所包含的子元素和文本内容上1、:contains(text)用法: $(”div:contains(’John’)”)   返回值  集合元素      说明:匹配包含给定文本的元素.这个选择器比较有用，当我们要选择的不是dom标签元素时,它就派上了用场了,它的作用是查找被标签”围”起来的文本内容是否符合指定的内容的.2、:empty用法: $(”td:empt...
Jquery的过滤选择器分为哪几种？
JAVA之迷
03-19 2487
Jquery的过滤选择器分为哪几种？ 转载▼ 标签：  jquery   过滤选择器   分类 分类： JQuery 所有的过滤选择器分为哪几种： 一、基本过滤选择器(重点掌握下列八个) :first 选取第一个元素 $("div:first").css("color","red"); :last 选取最后一个
jquery内容过滤选择器
天空守护云
03-01 227
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
jQuery_内容过滤选择器
Anonymous
01-08 451
Untitled Document div, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left; font-size: 17px; font-family: Verdana; } div.mini { width:
jQuery过滤选择器实例
06-07
好的，下面是一个 jQuery 过滤选择器的示例： 假设有一段 HTML 代码如下： ```html <ul> <li class="item">Item 1</li> <li class="item">Item 2</li> <li class="item">Item 3</li> <li class="item special">Special Item</li> </ul> ``` 我们可以使用 jQuery 的过滤选择器来选择特定的元素。例如： 1. 选择所有的 `<li>` 元素： ```js $('li'); ``` 2. 选择 class 为 `item` 的 `<li>` 元素： ```js $('li.item'); ``` 3. 选择 class 为 `special` 的 `<li>` 元素： ```js $('li.special'); ``` 4. 选择第一个 `<li>` 元素： ```js $('li:first'); ``` 5. 选择最后一个 `<li>` 元素： ```js $('li:last'); ``` 6. 选择第二个 `<li>` 元素： ```js $('li:eq(1)'); ``` 7. 选择包含文本 `Item 1` 的 `<li>` 元素： ```js $('li:contains("Item 1")'); ``` 8. 选择所有偶数位置的 `<li>` 元素： ```js $('li:even'); ``` 9. 选择所有奇数位置的 `<li>` 元素： ```js $('li:odd'); ``` 以上就是一些 jQuery 过滤选择器的例子。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值