jquery处理带有特殊字符的id

最新推荐文章于 2020-11-15 00:51:52 发布

hngmduyi

最新推荐文章于 2020-11-15 00:51:52 发布

阅读量207

点赞数

分类专栏： web前端文章标签： javascript java ViewUI

本文链接：https://blog.csdn.net/hngmduyi/article/details/84431052

版权

web前端专栏收录该内容

20 篇文章 0 订阅

订阅专栏

所以id最好不要取名有 “.”、“#”、“(”、“[”

一般情况下，在jQuery选择器中，我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符，因为根据W3C规定，HTML文档中属性的值是不能包含有这些个特殊字符的，但是在实际应用中，偶尔也会遇到表达式中含有“#”和“.”等特殊字符，正如我的Skygq表单验证和表单ajax提交合体版插件，在许多人的使用过程中出现了需要选择器中支持“.”的操作（他们都是java程序员）。

那么是如何处理这些个特殊字符的呢？
要想让jQuery能处理这些特殊字符，使用普通的方式处理的话，是不照的，是必须要进行转义的。

HTML代码：

`1`	`<DIV` `id=id.a>aa</DIV>`

`2`	`<DIV` `id=id#b>bb</DIV>`

Jquery代码：

 
var $id_a  = $('#id.a');//jQuery对象，实际上是没取到元素的  
 
var $id_b  = $('#id#b');//jQuery对象，实际上是没取到元素的  
 
alert( $id_a.length);//输出0  
 
alert( $id_b.length);//输出0  
 
var $id_right_a  = $('#id\\.a');//jQuery对象,对特殊字符,我们转义一下  
 
var $id_right_b  = $('#id\\#b');//jQuery对象,对特殊字符,我们转义一下  
 
alert( $id_right_a.html() );//正确输出"aa"  
 
alert( $id_right_b.html() );//正确输出"bb"