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


Posted in jQuery onSeptember 08, 2017

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

jQuery 相关文章推荐
jQuery实现select下拉框获取当前选中文本、值、索引
May 08 jQuery
jQuery模拟实现天猫购物车动画效果实例代码
May 25 jQuery
jQuery Collapse1.1.0折叠插件简单使用
Aug 28 jQuery
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
js与jQuery实现获取table中的数据并拼成json字符串操作示例
Jul 12 jQuery
jQuery实现合并表格单元格中相同行操作示例
Jan 28 jQuery
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 jQuery
jQuery实现的记住帐号密码功能完整示例
Aug 03 jQuery
jQuery表单选择器用法详解
Aug 22 jQuery
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 jQuery
JQuery 获取多个select标签option的text内容(实例)
Sep 07 #jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 #jQuery
jQueryUI Sortable 应用Demo(分享)
Sep 07 #jQuery
jQuery实现的弹幕效果完整实例
Sep 06 #jQuery
jQuery实现的文字逐行向上间歇滚动效果示例
Sep 06 #jQuery
jquery实现限制textarea输入字数的方法
Sep 06 #jQuery
jquery实现用户登陆界面(示例讲解)
Sep 06 #jQuery
You might like
历史证明,懒惰才是推动科学发展技术进步的动力
2021/03/02 无线电
php UTF8 文件的签名问题
2009/10/30 PHP
php运行出现Call to undefined function curl_init()的解决方法
2010/11/02 PHP
解析PHPExcel使用的常用说明以及把PHPExcel整合进CI框架的介绍
2013/06/24 PHP
ThinkPHP独立分组使用的注意事项
2014/11/25 PHP
php实现mysql事务处理的方法
2014/12/25 PHP
PHP连接Nginx服务器并解析Nginx日志的方法
2015/08/16 PHP
大家须知简单的php性能优化注意点
2016/01/04 PHP
PHP手机号中间四位用星号*代替显示的实例
2017/06/02 PHP
改进:论坛UBB代码自动插入方式
2006/12/22 Javascript
JS解决url传值出现中文乱码的另类办法
2013/04/08 Javascript
nodejs的10个性能优化技巧
2014/07/15 NodeJs
通过location.replace禁止浏览器后退防止重复提交
2014/09/04 Javascript
javascript无刷新评论实现方法
2015/05/13 Javascript
简介JavaScript中的setDate()方法的使用
2015/06/11 Javascript
移动端H5开发 Turn.js实现很棒的翻书效果
2016/06/20 Javascript
EasyUI中在表单提交之前进行验证
2016/07/19 Javascript
JavaScript基于自定义函数判断变量类型的实现方法
2016/11/23 Javascript
webpack公共组件引用路径简化小技巧
2018/06/15 Javascript
JS插件clipboard.js实现一键复制粘贴功能
2020/12/04 Javascript
浅谈Vue的响应式原理
2019/05/30 Javascript
JS事件流与事件处理程序实例分析
2019/08/16 Javascript
webpack安装配置与常见使用过程详解(结合vue)
2020/06/01 Javascript
[46:20]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python判断值是否在list或set中的性能对比分析
2016/04/16 Python
Centos Python2 升级到Python3的简单实现
2016/06/21 Python
Python列表list解析操作示例【整数操作、字符操作、矩阵操作】
2017/07/25 Python
Python实现获取本地及远程图片大小的方法示例
2018/07/21 Python
python+numpy+matplotalib实现梯度下降法
2018/08/31 Python
Pandas之MultiIndex对象的示例详解
2019/06/25 Python
Python查找不限层级Json数据中某个key或者value的路径方式
2020/02/27 Python
2014年出纳工作总结与计划
2014/12/09 职场文书
2015国庆节放假通知范文
2015/07/30 职场文书
HTML基础-标签分类(闭合标签,空标签,块级元素,行内元素,行级块元素,可替换元素)
2021/03/31 HTML / CSS
MySQL系列之六 用户与授权
2021/07/02 MySQL
Python可视化学习之seaborn绘制矩阵图详解
2022/02/24 Python