详解jQuery选择器中的特殊符号如何处理

本文主要和大家介绍详解jQuery选择器中的特殊符号如何处理。一般情况下，在jQuery选择器中，我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符，因为根据W3C规定，HTML文档中属性的值是不能包含有这些个特殊字符的，但是在实际应用中，偶尔也会遇到表达式中含有“#”和“.”等特殊字符，那么是如何处理这些个特殊字符的呢？

HTML代码：

<p id="id.a">aa</p> 
<p id="id#b">bb</p>

登录后复制

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"

登录后复制