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

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

程序员文章站 2022-11-24 23:30:13
一般情况下,在jquery选择器中,我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符,因为根据w3c规定,html文档中属性的值是不能包含有这些个特殊字符的,但是...

一般情况下,在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选择器中的特殊符号处理方法,希望对大家有所帮助