jQuery的contains()方法：查找元素中的文本内容

最新推荐文章于 2025-02-14 06:10:37 发布
最新推荐文章于 2025-02-14 06:10:37 发布
阅读量1.1k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： jquery 前端 javascript 编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/TechGlide/article/details/133180777
编程 专栏收录该内容
349 篇文章 ¥29.90 ¥99.00
订阅专栏
jQuery的contains()方法用于查找HTML文档中包含指定文本的元素。本文详细介绍了contains()的用法，提供源代码示例，并指出该方法区分大小写。示例展示如何在用户输入文本后，找到并高亮显示匹配的段落元素。

jQuery是一个广泛使用的JavaScript库，它提供了许多方便的方法来操作HTML文档。其中之一是contains()方法，它用于查找包含指定文本内容的元素。在本篇文章中，我们将详细介绍contains()方法的用法，并提供相应的源代码示例。

contains()方法的语法如下：

$(selector).contains(text)

其中，$(selector)表示要查找的元素选择器，text是要匹配的文本内容。

当调用contains()方法时，它将返回一个包含指定文本内容的元素集合。如果没有找到匹配的元素，则返回一个空集合。

下面是一个使用contains()方法的示例：

<!DOCTYPE html>
<html>
了解本专栏 订阅专栏 解锁全文
jQuery中:contains选择器用法实例
12-12
本文实例讲述了jQuery中contains选择器用法。分享给大家供大家参考。具体分析如下： 此选择器匹配包含给定文本的元素。 语法: 代码如下:$(“:contains(text)”) 此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等。例如: 代码如下:$(“li:contains(‘html’)”).css(“color”,”blue”) 以上代码将文本中包含”html”的li元素中的字体颜色设置为蓝色。 如果不和其他选择器配合使用，则默认状态是和*选择器配合使用，例如$(“:contains”)等同于$(“*:contains”)。 参数列表: 参数 描述
jQuery 杂项方法
最新发布
lly202406的博客
02-14 310
选择器方法：用于选取 DOM 元素。属性方法：用于获取和设置元素的属性。CSS 方法：用于获取和设置元素的样式。事件方法：用于处理事件。动画方法：用于实现元素的动画效果。Ajax 方法：用于实现异步数据交互。杂项方法：用于实现一些特殊功能。jQuery 杂项方法虽然在日常开发中不常用，但它们在特定场景下可以发挥重要作用。了解并掌握这些方法，有助于开发者更好地利用 jQuery，提高开发效率。希望本文对您有所帮助。
jQuery选择器重点总结
妖精小狗的博客
09-10 2624
jQuery选择器： jQuery选择器类似于CSS选择器，用来选取网页中的元素 示例：$("h3").css("background","#09F"); 这个示例是在获取并设置网页中所有&lt;h3&gt;元素的背景，其中：“h3”为选择器语法，必须放在$()中；$(“h3”)返回jQuery对象；.css()是为jQuery对象设置样式的方法   jQuery选择器分类： jQue...
jQuery.contains()方法
张默的博客
01-16 3306
jQuery.contains()方法 实例 检测一个元素包含在另一个元素之内： $(function () { function funcontain( html ){ document.body.innerHTML += "&lt;br&gt;" + html; } funcontain($.contains( document.docu...
jquery选择器 contains(text) 找到包含特定文本的元素
热门推荐
Jesus的博客
03-27 2万+
html> html> head> title>Insert you titletitle> meta http-equiv="Content-Type" content="text/html; charset=utf-8"> head> body> div id='Text'> h4>This is a demoh4> p>这是一段测试文本p> div> scri
Jquery查找元素的方法汇总
shuncheng_hu的博客
12-15 1万+
Jquery查找元素的方法汇总 通过具体的class，id,标签查找 $('div') // 所有div元素 $('.item') // class为item的元素 $('#main') // id为main的元素 $('#main span, .item') // id为main内的span 或 class为item的元素 $('*') // 文档中所有元素
浅析jQuery中常用的元素查找方法总结
10-27
在本文中，我们将深入探讨jQuery库中提供的丰富元素选择器，这些选择器让开发者能够以极其方便的方式获取页面上的元素。首先需要明确的是，jQuery是建立在原生JavaScript基础上的一套简化的库，它将许多常用的DOM...
jQuery实现contains方法不区分大小写的方法
10-24
在`Contains`函数中，先调用`jQuery(a).text()`获取元素的文本内容，并使用`.toUpperCase()`方法将其转换为大写。接着，使用`.indexOf(m[3].toUpperCase())`来查找大写后搜索字符串的位置。如果返回值大于或等于0，...
jquery的contains方法
weixin_30826761的博客
06-20 315
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.2.0.js"></script> </head> <body> <h1>...
常用的Jquery方法之 :contains() 选择器、has()選擇器和.contains()方法(part3)
Super Livia
04-02 2312
jQuery:contains()选择器 定义和用法 :contains() 选择器选取包含指定字符串的元素。 该字符串可以是直接包含在元素中的文本，或者被包含于子元素中。 最常见的用法：与其他选择器一起使用，选取指定组合中包含指定文本的元素（如上面的实例）。 注意：文本是大小写敏感的。 语法 $(":contains(text)") 參數 参数 描述 text ...
jQuery :contains 选择器
祈澈菇凉
07-02 717
定义和用法 :contains 选择器选取包含指定字符串的元素。 该字符串可以是直接包含在元素中的文本，或者被包含于子元素中。 经常与其他元素/选择器一起使用，来选择指定的组中包含指定文本的元素(如下面的例子)。 <!DOCTYPE HTML> <html> <head> <title></title> ...
jQuery.contains() 方法详解
龙城飞将的博客
03-26 338
[code="java"]jQuery.contains( container, contained )[/code] jQuery的contains方法是检测dom节点是否包含另一个dom节点的方法。 官方明确写明了： [code="java"]Note: The first argument must be a DOM element, not a jQuery object or...
jQuery内容文本值/元素操作
weixin_50119334的博客
10-12 510
jQuery内容文本值 主要针对元素的内容和表单的值操作 普通元素内容 html() (相当于原生innerHTML) (1) 获取元素设置内容 html() 连着标签一起显示 (2) 获取设置元素文本内容 text() 只得到文本 (3) 获取设置表单值 val() $(function() { //获取元素设置内容 html() 连着标签一起显示 console.log($("div").html()); $("div").html("
jquery contains（‘text‘）
m0_58187349的博客
03-03 572
学习时发现 contains（变量）不行 而contains（'变量'）肯定也不行 最后发现要改成 contains（'"+变量+"'）
jQuery-:contains("")查询包含值的用法实例
Vivinia的博客
04-11 5446
目标效果：   输入内容点击select按钮，可以使表格中包含输入内容的td改变css样式，再次输入新的td改变样式，原先td恢复原样。 1.创建项目，导入jQuery框架。 2.新建check.html页面。 check.html页面： $(function () { $("#selec
jquery Contains 实现查询
dianguanqu8609的博客
01-22 163
var filter = $(this).val(); var filterResult = $(this).find('h2:Contains(' + filter + ')'); if (filterResult.length == 0) { //todo } 转载于:https://www.cnblo...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值