jQuery 选择器 模糊匹配一

最新推荐文章于 2021-01-27 00:44:12 发布
原创 最新推荐文章于 2021-01-27 00:44:12 发布 · 8.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了jQuery中使用选择器来选取带有特定属性的DOM元素的方法，包括精确匹配、模糊匹配及以特定字符串开头或结尾的选择器用法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一 需求描述
jQuery获取class为“stage-”开头的所有元素
这里写图片描述
二 实现
通过属性的方式模糊匹配

以stage-开始的元素
$(“span[class^=’stage-‘]”).length

，

以stage结束的元素
这里写图片描述

三 总结

[属性名称] 匹配包含给定属性的元素
[att=value] 匹配包含给定属性的元素 (大小写区分)
[att*=value] 模糊匹配包含有value的原色
[att!=value] 不能是这个值
[att^=value] 以value开头的所有元素
[att$=value] 以value结尾的所有元素
[att1][att2][att3]… 匹配多个属性条件中的一个

JQuery 模糊匹配（JQuery 选择器模糊匹配、选择指定属性是以给定字符串开始的元素 ）
u013913942的博客
06-01 2万+
我们在使用 JQuery 的时候，有时需要选择多个属性以指定字符串开头或者包含某些字符串的时候。比如，我们一个页面中，所有的被罚款人的 input 输入框的 id 或者 name命名规则如下：都以 beFineMan 开头，然后后面依次加上不同的数字，例如这样那么，选择所有的被罚款人输入框中的...
jquery 选择器，模糊匹配
iteye_7303的博客
06-09 523
按姓名匹配 1,name前缀为aa的所有div的jquery对象 [code="js"] $("div[name^='aa']"); [/code] 2,name后缀为aa的所有div的jquery对象 [code="js"] $("div[name$='aa']"); [/code] 3,name中包含aa的所有div的jquery对象 [code="js"] $("div.
JQUERY 模糊选择器
weixin_38166557的博客
11-28 301
属性字头选择器（Attribute Contains Prefix Selector） jQuery 属性字头选择器的使用格式是jQuery(‘[attribute|=value]‘)，例如jQuery(‘[herflang|=en]‘)这句代码执行时将会选择文档中所有含有 herflang 属性，并且 herflang 的值以 “en” 开头的元素，即使 “en” 后面紧跟着连字符 “...
jquery模糊匹配
aqc802886的博客
05-26 216
[属性名称] 匹配包含给定属性的元素[att=value] 匹配包含给定属性的元素 (大小写区分)[att*=value] 模糊匹配[att!=value] 不能是这个值[att$=value] 结尾是这个值[att^=value] 开头是这个值[att1][att2][att3]... 匹配多个属性条件中的一个 转载于:https://www.cnblogs.com/DavidYan...
jquery 选择器 之 模糊匹配
Peak Xin's Blog
09-26 885
一、按name获取元素 1、获取 name 为 abc 的所有input的jquery对象$("input[name='abc']");2、获取 name 前缀为 abc 的所有input的jquery对象$("input[name^='abc']");3、获取 name 后缀为 abc 的所有input的jquery对象 $("input[name$='abc']");4、获取 name 中包含
jQuery模糊搜索框下拉选择代码
07-31
1. **HTML结构**：创建一个搜索框（input元素）和一个下拉容器（可以是ul或者div），并为它们添加必要的ID以便于jQuery选择器操作。 ```html 请输入关键词"> ;"> ``` 2. **jQuery绑定事件**：监听搜索框的`keyup`...
使用jQuery内容过滤选择器选择元素实例讲解
10-27
内容过滤选择器是jQuery中用于...综上所述，内容过滤选择器是jQuery选择器中非常有用的一组工具，它们使得根据内容特性来选取DOM元素变得更加方便和直接。掌握它们的使用，对进行DOM操作和动态内容展示有着重要的意义。
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
12-01
本文实例讲述了jQuery简单实现的HTML页面文本框模糊匹配查询功能。分享给大家供大家参考，具体如下： 项目中需要用到此功能，使用过EasyUI中的Combobox，网上也搜过相应的解决办法，对于我的项目来说都不太合适，...
jquery class选择器如何模糊匹配
05-18
在 jQuery 中，可以使用 `*` 符号来进行模糊匹配。 例如，如果需要匹配所有 class 名以 "example" 开头的元素，可以使用以下代码： ```javascript $("[class^='example']") ``` 其中，`^=` 表示匹配 class 名以...
jQuery类选择器和模糊选择
Big Smile
07-09 2056
我们对于jQuery来说已经很不陌生了，由于是前端各种框架都需要的一个组件类库形式的一个应用库，jQuery已经很是深入我们的使用中了，但是你真的会使用他吗？ 一、jQuery的类选择器         其实说道jQuery的类选择，我们经历的应该是已经不少了，尤其是选择一个对象，一个标签，或者是一个自定义的部件的时候，我们都会用到这个选择器来选择并操作我们的页面。我们可以很轻
jQuery根据属性模糊匹配元素
weixin_33913332的博客
01-18 565
1.查看带有指定属性的元素: [attribute] 例如: $("div[id]")   2.查看属性值是某个特定值的元素: [attribute=value] 例如: $("input[name='newsletter']").attr("checked", true);     3.匹配所有不含有指定的属性，或者属性不等于特定值的元素。 [attrib...
jquery输入框模糊匹配
hzp
04-11 397
备注说明：①index.jsp为主页面，提供输入 ②getdata.jsp为业务处理部分，可以替换为action或者servlet形式 ③DummyDB.java为数据匹配处理类   <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE H...
id模糊选择器 js_jQuery类选择器和模糊选择
weixin_36411884的博客
01-27 618
jQuery类选择器和模糊选择，我们对于jQuery来说已经很不陌生了，由于是前端各种框架都需要的一个组件类库形式的一个应用库，jQuery已经很是深入我们的使用中了，但是你真的会使用他吗？一、jQuery的类选择器其实说道jQuery的类选择，我们经历的应该是已经不少了，尤其是选择一个对象，一个标签，或者是一个自定义的部件的时候，我们都会用到这个选择器来选择并操作我们的页面。我们可以很轻松的在W...
jquery实现输入框自动模糊匹配
weixin_30367543的博客
06-27 411
$("#search_con").keyup(function(){ var txt = $(this).val(); if($.trim(txt)!=""){ $(".mulu_list").hide().filter(":contains('"+txt+"')").show(); }else{ $("...
jQuery class选择器及模糊匹配
忆水思寒的博客
08-13 4106
jQuery class选择器及模糊匹配class选择器模糊匹配 class选择器 $(‘.class1 .class2‘) 选择class1元素下class2的元素（中间有空格）; $(‘.class1.class2‘) 选择同时含有class1和class2的元素（中间没有空格）; $(‘.class1,.class2‘) 选择class1或者class2的元素（中间有逗号）. 模糊匹配 1.class前缀为hint的所有div的jquery对象 $("div[class^='hint']"); 2.c
jQuery基本的过滤选择器
u013313232的博客
10-14 267
jQuery基本的过滤选择器 ***用法 $(document).ready(function () { //1.选择第一个 div 元素 $("#btn1").click(function () { $("div:first").css("background-color","red"); }); //2.选择最后一个 div 元素 $("#btn2").click(function () { $("div:last").css("background.
jquery防百度搜索框模糊匹配
James_qqh的博客
08-29 3052
pageEncoding="utf-8"%> 学生信息管理                        $(function() {  //获取ajxa异步数据（可以根据实际情况，从后台取数据）                 var a= [  "java", "javaScript","aa", "bb", "cac","dd","e"];        
jQuery id模糊 选择器 批量处理
weixin_30394251的博客
01-11 398
$("span[id^='province_']").each(function(index,obj){ $(obj).bind("click",function(){ var id= $(obj).attr("id"); var provinceId=id.substr("province_".length)...
jQuery :contains选择器实现模糊搜索查询并且搜索关键词高亮
Mick_小马哥
03-21 1044
html代码 <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索关键词" /> <div class="weui-cells weui-cells_radio" id="fenxiang-list"> <label class="weui-cell...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值