ID选择器中有特殊字符,在jquery中用\\两个斜杠进行转义
taotaoit jQuery 2019-02-15 1999 0
关于本站

本人承接php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

2032926 1790 18
最新评论
如果在每个单词下面标上注释和用意就更好了
评 js按大写字母拆分字符串
报错 in promise) MiniProgramError {"errMsg":"removeTabBarBadge:fail not TabBar page"} Object
评 人人商城小程序昵称变成了“微信用户”头像也不显示?getUserInfo换成getUserProfile
按照这个修改后报错: ReferenceError: n is not defined at success (index.js? [sm]:3) at Function.forEach.u.<computed> (VM10210 WAService.js:2) at :55237/appservice/<api login success callback function> at Object.success (VM10210 WAService.js:2) at r (VM10210 WAService.js:2) at VM10210 WAService.js:2 at w (VM10210 WAService.js:2) at VM10210 WAService.js:2 at VM15 asdebug.js:1 at I (VM15 asdebug.js:1)(env: Windows,mp,1.05.2105170; lib: 2.17.0)
评 人人商城小程序昵称变成了“微信用户”头像也不显示?getUserInfo换成getUserProfile
asfdsafasdf
评 ;!function(){}();
:kaixin:
评 thinkphp 3.2.3 Runtime\Logs日志文件太多怎么关闭日志功能
文章标签更多
ThinkPHP (199)
Mysql (41)
DedeCms (33)
jQuery (45)
证件照 (1)
setInc (4)
setDec (4)
onclick (5)
打开边栏(ESC) 关闭边栏(ESC)

在ID选择器中,如果选择器中包含特殊字符,可以在jquery中使用两个斜杆对特殊字符进行转义。

例:

html代码


<div id="a.b">adfasdf</div>
<div id="a:b">adfasdf</div>
<div id="[div]">adfasdf</div>
jquery代码



<script>
$(function(){
	//id中有特殊字符,进行//转义
	$('#a\\.b').css('color','red');
	$('#a\\:b').css('color','red');
	$('#\\[div\\]').css('color','red');
})
</script>
在执行jquery()函数时,jquery使用正则表达式来匹配参数值,并判断当前参数是否为ID值。


ID:/#((?:[\w\u00c0-\uFFFF_-]|\\.)+)/

而正则表达式对于特殊字符是敏感的,要避免正则表达式被误解,就考虑进行字符转义,在正则表达式字符串中一遍都是通过双斜杠来转义特殊字符。如果直接使用javascript的原生方法getElementById()就不用考虑这个问题。

例:

<script>
$(function(){
	//直接使用javascript的原生方法getElementById()
	document.getElementById("a.b").style.color = 'red';
	document.getElementById("a:b").style.color = 'red';
	document.getElementById("[div]").style.color = 'red';
})
</script>

版权声明:本站原创文章,允许自由转载。

相关推荐
jquery出现Uncaught TypeError: $(...).prop is not a function问题
jQuery | 2019-08-23 3601
做全选功能的时候用到 var xz = $(this).prop("checked"); 提示: Uncaught TypeError: $(...).prop is not a function 应该是jquery版本过低造成的,更换高版本成功解决问题, jquery下载地址 http://www...
js,jquery获取不到动态创建的元素id的解决办法
jQuery | 2017-09-15 2587
js获取不到动态创建的元素id的解决办法: 如之前动态创建了 id为  "a" 的 input标签。 $("**").click(function(){     // 这样是获取不到的 $("#a").val() });  $("**").live('click',function(){ &...
评论:0条
评论加载中...
发表评论