JQuery中的id选择器含有特殊字符

在jQuery中,使用id选择器选取含有特殊字符的元素时可能会遇到问题。测试发现,id选择器仅支持单词、数字、下划线和中划线。为解决此问题,可以编写一个工具函数,将id进行转义,使得jQuery能够正确选择。尽管随着JQuery版本的升级,对特殊字符的支持可能增强,但最佳实践是避免在id中使用特殊字符。
摘要由CSDN通过智能技术生成
1、jquery类库在我们实际项目中用的很多,大家经常需要根据控件的id,获取对应的html元素。但是:当id含有特殊字符的时候,是不能选中的。

2、自己简单的测试了下,jquery的id选择器只支持,单词、阿拉伯数字、下划线、中划线。其中单词,包括英文字母、汉字,但是控件id属于客户不可见内容,实际中开发人员是不用汉字作为id的,这里不考虑。

3、自己写了一个工具方法,开人人员只要将id转义后,jquery就能选中了,不用再考特殊字符的问题。代码是基于jquery1.6版本。


function escapeJquery(srcString)
{
// 转义之后的结果
var escapseResult = srcString;

// javascript正则表达式中的特殊字符
var jsSpecialChars = ["\\", "^", "$", "*", "?", ".", "+", "(", ")", "[",
"]", "|", "{", "}"];

// jquery中的特殊字符,不是正则表达式中的特殊字符
var jquerySpecialChars = ["~", "`", "@", "#", "%", "&", "=", "'", "\"",
":", ";", "<", ">", ",", "/"];

for (var i = 0; i < jsSpecialChars.length; i++) {
escapseResult = escapseResult.replace(new RegExp("\\"
+ jsSpecialChars[i], "g"), "\\"
+ jsSpecialChars[i]);
}

for (var i = 0; i < jquerySpecialChars.length; i++) {
escapseResult = escapseResult.replace(new RegExp(jquerySpecialChars[i],
"g"), "\\" + jquerySpecialChars[i]);
}

return escapseResult;
}


说明随着JQuery版本的演进,对特殊字符的支持应该会越来越好。为了不给自己找麻烦,特殊字符还是能不用则不用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值