jQuery第十三篇 内容选择器（:empty :parent :contains(text） :has(selector)

最新推荐文章于 2022-03-08 22:33:08 发布
最新推荐文章于 2022-03-08 22:33:08 发布
阅读量521 收藏 1
点赞数
分类专栏： jQuery最详解
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37805832/article/details/107775161
版权 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
				  <script type="text/javascript" src="jquery-1.10.1.min.js"></script>
				  <script>
				  	$(function()
				  		{
				  			var $div=$("div:empty");
				  			console.log($div);
				  			var $div1=$("div:parent");
					  		console.log($div1);
					  		var $div2=$("div:contains('我是div')");
					  		console.log($div2);
					  		var $div3=$("div:has('span')");
					  		console.log($div3);
				  		});
				  </script>
<div></div>
<div>我是div</div>
<div>他们我是div123</div>
<div><span></span></div>
<div><p></p></div>

</body>
</html>

        // :empty 作用:找到既没有文本内容也没有子元素的指定元素
        // :parent 作用: 找到有文本内容或有子元素的指定元素
        // :contains(text) 作用: 找到包含指定文本内容的指定元素
        // :has(selector) 作用: 找到包含指定子元素的指定元素

在这里插入图片描述

贵哥的编程之路(热爱分享)
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
jq内容选择器（:empty、:parent、:contains、:has）
WY001的博客
04-25 386
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>14-jQuery内容选择器</title> <style> div{ width: 50px; ...
jQuery——05——内容选择器（contains(text)，empty，has(selector)，parent ）
x1037490413的博客
10-21 176
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
jQuery中的内容、可见性过滤选择器（四、四）：:contains()、:empty、:has()、:parent、:hidden、:visible
五彩世界的博客
07-17 507
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;内容、可见性过滤选择器&lt;/title&gt; &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt; &lt;script type=&q
jQuery内容过滤选择器
u013313232的博客
10-14 216
** jQuery内容过滤选择器 ** /** :contains(text) :empty :has(selector) :parent */ $(document).ready(function(){ //1.选择 含有文本 'di' 的 div 元素 $("#btn1").click(function(){ $("div:contains('di')").css("background", "#bbffaa"); }); //2.选择不包含子元素
js基本知识比较系列一：获取元素
strayyiyi的博客
04-26 446
一、获取元素 原生javascript:  (1) document.getElementById()     (2) document.getElementsByTagName()   (3) document.getElementsByClassName(): IE9以上       document.getElementsByClassName("example color"):
jquery内容过滤选择器：内容过滤选择器它是根据元素内部文本内容进行选中。
boss_way的博客
11-01 4577
1.1． 内容过滤选择器 内容过滤选择器它是根据元素内部文本内容进行选中。   :Contains（text）：匹配包含给定文本的元素 :Empty：匹配所有不包含子元素或者文本的空元素 :Has(selector):匹配含有选择器所匹配的元素的元素 :addClassL(“类名”)：给所有的标签添加类名 :Parent：匹配含有子元素或者文本的元素 示例： $(fu
JQuery过滤选择器(内容过滤、可见性过滤、属性过滤 )
TXW6666的博客
05-15 330
(三) 过滤选择器：过滤选择器可以分为基本过滤、内容过滤、可见性过滤、属性过滤、表单过滤 A: 基本过滤 1、 :first/:last 选取第一个/最后一个元素 $(“p:first”)// 选取第一个P元素 $(“p:last”)// 选取最后一个P元素 1 2 3 2、 :first-child/:last-child/:nth-child/:nth-last-child 选取其父元素下第一个/最后一个/第n（>=1）个/倒数第n个匹配的子元素 $(“ul li:first-child”) //
选择器selector
chonger_feifei的博客
03-08 584
CSS选择器
过滤选择器
fisea的专栏
06-01 786
<br />1、基本过滤选择器<br />此项选择器搭配基本选择器可以讲占到实际选择器应用的90%以上（可由document.getElementById及节点nodeChilds得知）<br />:first//（选取第一个元素）<br />:last//（选取最后一个元素）<br />:even//（选取索引是偶数的所有元素）<br />:odd//（选取索引是奇数的所有元素）<br />:eq(index)//（选取索引等于index的元素）<br />:gt(index)//（选取索引大于index
07-jQuery内容选择器详解：:contains(text) 、:empty 、:has(selector)、 :parent
君莫笑
01-20 502
jQuery内容选择器详解一、body部分代码展示二、:empty三、:parent四、:contains(text)五、:has(selector) 一、body部分代码展示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
封装一个DOM库
pfzzzzz的博客
12-06 110
手写DOM 因为DOM原生API太难用了 源代码链接 对象风格 window.dom 是我们提供的全局对象 增加节点 dom.append(parent,child) // 用于新增儿子节点 dom.wrap(`<div></div>`) // 用于新增爸爸节点 dom.create 函数 dom.create(`<div><span>hi</span></div>`) // 用于创建节点 一般我们创造节
字符串缺少终止符: CategoryInfo: ParserError: (:) [], ParentContainsErrorRecordException
热门推荐
胡清辉的博客
07-28 2万+
这个不是技术性问题，这个只是一个脑残问题，然而我却脑残的在百度上面搜索了很多，竟然还没人回答这个问题： 字符串缺少终止符: '。 + CategoryInfo : ParserError: (???? [], ParentContainsErrorRecordException + FullyQualifiedErrorId : TerminatorExpectedAtEndOfString。 错误原因：你的文件夹命名出现了违规字符 ”‘“，检查一下是不是？ 解决方法：文件夹命
jQuery第二十一篇 scrollTop
qq_37805832的博客
08-11 525
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } .scroll{ width: 100px;
jQuery第二十三篇 移除事件
qq_37805832的博客
08-12 503
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> </style> <script type="text/javascript" src="jquery-1.10.1.min.js"></script> </head> &l
jQuery第十篇 map方法
qq_37805832的博客
08-03 503
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript" src="jquery-1.10.1.min.js"></script> <script> var a
jQuery第二十二篇 事件绑定
qq_37805832的博客
08-12 488
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> </style> <script type="text/javascript" src="jquery-1.10.1.min.js"></script> </head> &l
jQuery第二十篇 位置和尺寸操作的方法
qq_37805832的博客
08-11 487
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } .father{ width: 200px;
jQuery1第十九篇 操作CSS样式的方法
qq_37805832的博客
08-11 485
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } div{ width: 100px; he
jQuery选择器全览：61种用法解析
8. 内容选择器：`:contains(text)`选取包含特定文本的元素，`:empty`选取没有子节点的元素。 9. 表单选择器：`:input`选取所有输入元素，`:checkbox`, `:radio`, `:text`, `:password`等则分别选取特定类型的表单...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

贵哥的编程之路(热爱分享)

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值