jQuery中id或class中有特殊字符无法选中怎么办？

最新推荐文章于 2022-11-04 16:23:24 发布
最新推荐文章于 2022-11-04 16:23:24 发布
阅读量981 收藏
点赞数
分类专栏： 前端 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46188681/article/details/109699415
版权

解决办法

当我们在使用jQuery库的时候，在遇到id或者class中带有特殊符号的情况下，是无法获取到该id或class的。

比如我们的id或者class中带有这样的特殊字符是无法获取到的。
在这里插入图片描述运行之后我们发现我们加的背景毫无变化，那就是说明我们没有选中该元素

那我们该如何解决呢？

有两个解决方案，可以根据个人的需求进行选择
1.使用原生js获取
在这里插入图片描述当我们使用原生js获取的时候是可以的，class也是如此，所以说原生js还是很强大的。

2.使用jQuery的转义（在特殊符号的前面加上 \ 就好了）
在这里插入图片描述

野生java研究僧
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery对id中含有特殊字符的转义处理示例
10-26
id中包含其他特殊字符比如 /@ 等为了利用jquery获取该元素需要转义特殊字符，具体实现如下，感兴趣的朋友可以参考下
常用的Jquery方法之 :contains() 选择器、has()選擇器和.contains()方法(part3)
Super Livia
04-02 1963
jQuery:contains()选择器 定义和用法 :contains() 选择器选取包含指定字符串的元素。 该字符串可以是直接包含在元素中的文本，或者被包含于子元素中。 最常见的用法：与其他选择器一起使用，选取指定组合中包含指定文本的元素（如上面的实例）。 注意：文本是大小写敏感的。 语法 $(":contains(text)") 參數 参数 描述 text ...
jquery学习笔记-（自用）
weixin_47180815的博客
07-15 511
5、jQuery引入 <!--[if lt IE 9]> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <![endif]--> <!--[if gte IE 9]><!--> <script src="https://cdn.bootcdn.net/aja
判断qstring中有没有指定字符_jquery判断字符串中是否包含特定字符的方法总结...
weixin_39857153的博客
01-17 846
方法一：使用indexOf() 和lastIndexOf()方法案例：var Cts = "bblText";if(Cts.indexOf("Text") >= 0 ) {alert('Cts中包含Text字符串');}indexOf用法：返回 String 对象内第一次出现子字符串的字符位置。strObj.indexOf(subString[, startIndex])参数strObj必选...
jquery删除包含指定字符串的类名
sunddy_x的博客
10-28 705
前言 通常情况下我们使用 removeClass 来删除具体的类名，例如 $(“p”).removeClass(“selected”)。但也有一些情况，我们需要删除的不是具体的类名，而是包含有些特定字符串的类名，同样也是使用 removeClass 。 removeClass方法 removeClass([class|fn]) jquery v1.4新增了参数function，因此可以通过回调函数来返回更复杂的类名： // 删除'part'开头的类 $('.container').removeClass
JQuery选择器中含有冒号的ID处理差异的分析
weixin_34235457的博客
08-01 309
问题提出 对于一个输入框， 如果其id中含有冒号(:)，选择器使用需要有特殊写法，  例如 id为下 &lt;input type="text" value="ddd" id="a:b"&gt; 使用$(selector)直接使用#id值, 找不到DOM console.log("#a:b")console.log($("#a:b").length) // output
jQuery,获取class属性中包含某个字符串的的tr对象
qq_39822451的博客
06-28 2631
//获取class属性中包含某个字符串的的tr对象 $("tr[class*='yourmind']")；
jQuery转义字符
非淡泊无以明志，非宁静无以致远
07-01 1182
1、class或都id中含有“.”,“#”等特殊字符 在我们的程序中可能会遇到id中还有“.”和“#”等特殊字符，如果按照普通方式处理就会出错，解决方法是用转义符转义。 在下面程序中： &lt;div id="id.a"&gt;aaaaa&lt;/div&gt; &lt;div id="id#b"&gt;bbbb&lt;/div&gt; &lt;div id="id[1]
你需要知道的 JavaScript 类(class)的这些知识
油墨香^-^的博客
06-27 789
JavaScript 使用原型继承:每个对象都从原型对象继承属性和方法。在Java或Swift等语言中使用的传统类作为创建对象的蓝图，在 JavaScript 中不存在，原型继承仅处理对象。原型继承可以模拟经典类继承。为了将传统的类引入JavaScript, ES2015 标准引入了class语法，其底层实现还是基于原型，只是原型继承的语法糖。这篇文章主要让你熟悉 JavaScript 类:如何定义类，初始化实例，定义字段和方法，理解私有和公共字段，掌握静态字段和方法。1. 定义:类关键字使用关键字clas
【JavaScript】基于querySelector / querySelectorAll对元素的操作，为你的DOM API基础扫盲~
热门推荐
CYK_byte的博客
11-04 1万+
浏览器提供的一个全局对象，类似于CSS中的选择器，可以精准的获取元素对象，这组API都来自于document下，document是浏览器提供的一个全局对象，表示当前页面DOM API基本都是documet对象的方法；
jQuery选择器中的特殊符号处理方法
10-19
一般情况下，在jQuery选择器中，我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符，但是在实际应用中，偶尔也会遇到表达式中含有“#”和“.”等特殊字符,那么是如何处理这些个特殊字符的呢？下面小编给大家...
老生常谈jquery id选择器和class选择器的区别
12-12
实例如下： <!...<... <head>...meta charset="UTF-8">...link href="style.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css"/>...script type="text/javascript
JavaScript基础系列之六 JQuery
胡杰的专栏
08-24 595
JavaScript基础系列之六 JQuery 选择器 层级选择器 查找和过滤 操作DOM 修改DOM结构 事件 动画 AJAX
jquery class选择器失效
Halfopen的专栏
09-18 1万+
如果 $(".className")无法选择到元素使用 $(” .className”) 加上一个空格就可以选到
JQuery的选择器对控件ID含有特殊字符的解决方法-涨姿势了！
weixin_34015566的博客
11-23 177
1、jquery类库在我们实际项目中用的很多，大家经常需要根据控件的id，获取对应的html元素。      但是：当id含有特殊字符的时候，是不能选中的。  2、 自己简单的测试了下，jquery的id选择器只支持，单词、阿拉伯数字、下划线、中划线。    其中单词，包括英文字母、汉字，但是控件id属于客户不可见内容，实际中开发人员是不用汉字作为id的，  这里不考虑。 3、提供以下方法...
jQuery-使用选择器注意事项 学习笔记十
lansky07
11-29 983
在使用jQuery选择器时需要特别注意的一些事项，也可以说是使用过程中可能遇到的一些问题：1、class或都id中含有“.”,“#”等特殊字符    在我们的程序中可能会遇到id中还有“.”和“#”等特殊字符，如果按照普通方式处理就会出错，解决方法是用转义符转义。在下面程序中：aaaaabbbbcccc按照我们习惯的普通方式jQuery选择器获取:$("#id.a"
JS对ID中包含特殊字符转义处理
qq_20831051的博客
01-07 1145
JS对ID中包含特殊字符转义处理 <div id="a[]">12333333333333566</div> - 方法一： $(document.getElementById('a[]')); - 方法二： $('#a\\[\\]'); - 方法三： $("div[id='a[]']"); 对于不明确id是否包含特殊字符的情况，建议使用方法一 ...
JQuery id不能为特殊字符解决方案
chuzhenbin的专栏
03-14 1111
总结以下两个: http://dfch84.iteye.com/blog/1161785 http://www.iteye.com/problems/27397 jquery选择器很强大，但是用id选择时，id中如果有特殊字符，如点操作符'.'，则无法获取到页面元素对象。 方法1: 使用\\对 . 进行转义 $("#paginatio
idea配置php开发环境以及配置debug
客官不爱喝酒的博客
04-25 1万+
idea集成php开发环境1.idea集成php开发环境2.php集成DeBug调试功能 因为我本身是学java的，但是学校开发了php课程，我主用idea，又不想新下载开发工具，所以就使用idea集成php开发环境，其实idea工具还是很强大的，不仅可以写前端，还有可以做后端，以及支持很多扩展。 1.idea集成php开发环境 1.idea安装php插件 2.配置php环境 嫌麻烦可以使用phpstudy_pro集成环境，动态安装各种扩展 3.新建一个php文件进行测试： 2.php集成De
在jsp中通过点击批量删除的按钮让Ajax实现批量删除数据库内信息
最新发布
06-09
在批量删除时，我们首先获取选中行中的所有ID，然后将它们作为一个字符串发送到服务器端进行批量删除。在成功或失败的情况下，我们使用 `alert` 弹出相应的消息，并重新加载页面以显示更新后的数据。 注意：你需要...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值