您的位置:首页 > Web前端 > JQuery

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

2017-09-07 21:17 288 查看
参考链接:http://blog.csdn.net/wql19881207/article/details/7415639

一般情况下,在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"
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html jquery