欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery处理带有特殊字符的id 博客分类: web前端  

程序员文章站 2024-02-25 21:09:27
...

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

 

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

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

HTML代码:

1 <DIV id=id.a>aa</DIV>
2 <DIV id=id#b>bb</DIV>

Jquery代码:

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

var dictTypeId = $('#dictType\\.dictTypeId').val();//对于css中带符号的id,需要使用转义