jQuery选择器中的特殊符号处理方法

  • 2022-11-24 23:30:13

一般情况下,在jquery选择器中,我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符,因为根据w3c规定,html文档中属性的值是不能包含有这些个特殊字符的,但是在实际应用中,偶尔也会遇到表达式中含有“#”和“.”等特殊字符

那么是如何处理这些个特殊字符的呢?

html代码:

<div id="id.a">aa</div> 
<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" 

总结

以上所述是小编给大家介绍的jquery选择器中的特殊符号处理方法,希望对大家有所帮助

猜你喜欢