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 禁止鼠标右键并监听右键事件
Apr 27 jQuery
QRCode.js:基于JQuery的生成二维码JS库的使用
Jun 23 jQuery
jquery获取链接地址和跳转详解(推荐)
Aug 15 jQuery
jQuery EasyUI结合zTree树形结构制作web页面
Sep 01 jQuery
解决JQuery全选/反选第二次失效的问题
Oct 11 jQuery
jQuery实现基本淡入淡出效果的方法详解
Sep 05 jQuery
使用jquery Ajax实现上传附件功能
Oct 23 jQuery
jQuery实现网页拼图游戏
Apr 22 jQuery
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 jQuery
jQuery实现滑动星星评分效果(每日分享)
Nov 13 jQuery
jQuery操作元素追加内容示例
Jan 10 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
PHP中实现进程间通讯
2006/10/09 PHP
php面向对象全攻略 (十二) 抽象方法和抽象类
2009/09/30 PHP
解析php curl_setopt 函数的相关应用及介绍
2013/06/17 PHP
php多任务程序实例解析
2014/07/19 PHP
php die()与exit()的区别实例详解
2016/12/03 PHP
PHP设计模式之 策略模式Strategy详解【对象行为型】
2020/05/01 PHP
JavaScript中链式调用之研习
2011/04/07 Javascript
javascript 星级评分效果(手写)
2012/12/24 Javascript
js函数在frame中的相互调用详解
2014/03/03 Javascript
影响jQuery使用的14个方面
2014/09/01 Javascript
js实现网页随机切换背景图片的方法
2014/11/01 Javascript
jQuery实现自动调整字体大小的方法
2015/06/15 Javascript
javascript随机抽取0-100之间不重复的10个数
2016/02/25 Javascript
jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
2016/08/23 Javascript
Node.js检测端口(port)是否被占用的简单示例
2016/09/29 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
2017/04/17 Javascript
angular.js中解决跨域问题的三种方式
2017/07/12 Javascript
Vue中建立全局引用或者全局命令的方法
2017/08/21 Javascript
在angularJs中进行数据遍历的2种方法
2018/10/08 Javascript
React 源码中的依赖注入方法
2018/11/07 Javascript
微信小程序中显示倒计时代码实例
2019/05/09 Javascript
Vue使用NProgress的操作过程解析
2019/10/10 Javascript
Python实现批量下载文件
2015/05/17 Python
python3 破解 geetest(极验)的滑块验证码功能
2018/02/24 Python
解决pycharm无法调用pip安装的包问题
2018/05/18 Python
如何利用Python分析出微信朋友男女统计图
2019/01/25 Python
Python numpy中矩阵的基本用法汇总
2019/02/12 Python
Python切片操作去除字符串首尾的空格
2019/04/22 Python
Python 调用 Windows API COM 新法
2019/08/22 Python
Django自定义用户表+自定义admin后台中的字段实例
2019/11/18 Python
CSS3贝塞尔曲线示例:创建链接悬停动画效果
2020/11/19 HTML / CSS
Godiva巧克力英国官网:比利时歌帝梵巧克力
2018/08/28 全球购物
什么是跨站脚本攻击
2014/12/11 面试题
学习三严三实心得体会
2014/10/13 职场文书
病人慰问信范文
2015/02/15 职场文书
护士年终工作总结不会写?各科护士模板总结
2020/01/02 职场文书