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

转载  更新时间:2017年09月08日 09:25:14   作者:u010999809   我要评论

一般情况下,在jQuery选择器中,我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符,但是在实际应用中,偶尔也会遇到表达式中含有“#”和“.”等特殊字符,那么是如何处理这些个特殊字符的呢?下面小编给大家介绍下

一般情况下,在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选择器中的特殊符号处理方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

最新评论