所以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"
|