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 ajaxupload插件实现无刷新上传文件
Apr 23 jQuery
基于jquery日历价格、库存等设置插件
Jul 05 jQuery
jQuery.Ajax()的data参数类型详解
Jul 23 jQuery
jQuery实现全选、反选和不选功能
Aug 16 jQuery
zTree jQuery 树插件的使用(实例讲解)
Sep 25 jQuery
jquery中done和then的区别(详解)
Dec 19 jQuery
基于jQuery实现Ajax验证用户名是否可用实例
Mar 25 jQuery
jquery实现自定义树形表格的方法【自定义树形结构table】
Jul 12 jQuery
jquery实现点击弹出对话框
Feb 08 jQuery
jquery实现的放大镜效果示例
Feb 24 jQuery
jQuery 选择方法及$(this)用法实例分析
May 19 jQuery
jQuery实现全选按钮
Jan 01 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 字符截取 解决中文的截取问题,不用mb系列
2009/09/29 PHP
XAMPP安装与使用方法详细解析
2013/11/27 PHP
Laravel多用户认证系统示例详解
2018/03/13 PHP
让你的博文自动带上缩址的实现代码,方便发到微博客上
2010/12/28 Javascript
深入理解javascript中defer的作用
2013/12/11 Javascript
js判断为空Null与字符串为空简写方法
2014/02/24 Javascript
jquery新的绑定事件机制on方法的使用方法
2014/04/15 Javascript
AngualrJS中每次$http请求时的一个遮罩层Directive
2016/01/26 Javascript
JavaScript位移运算符(无符号) &gt;&gt;&gt; 三个大于号 的使用方法详解
2016/03/31 Javascript
浅析location.href跨窗口调用函数
2016/11/22 Javascript
vue-router实现组件间的跳转(参数传递)
2017/11/07 Javascript
vue form 表单提交后刷新页面的方法
2018/09/04 Javascript
vue之延时刷新实例
2019/11/14 Javascript
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
2020/02/11 Javascript
JavaScript this关键字指向常用情况解析
2020/09/02 Javascript
openlayers实现地图弹窗
2020/09/25 Javascript
Python代理抓取并验证使用多线程实现
2013/05/03 Python
Pandas GroupBy对象 索引与迭代方法
2018/11/16 Python
Python完成哈夫曼树编码过程及原理详解
2019/07/29 Python
Tensorflow 多线程设置方式
2020/02/06 Python
python实现图像拼接功能
2020/03/23 Python
基于Python爬取fofa网页端数据过程解析
2020/07/13 Python
Homestay中文官网:全球寄宿家庭
2018/10/18 全球购物
Farfetch美国:奢侈品牌时尚购物平台
2019/05/02 全球购物
委托与事件是什么关系?为什么要使用委托
2014/04/18 面试题
cf收人广告词大全
2014/03/14 职场文书
实习生工作证明范本
2014/09/14 职场文书
解除劳动合同证明书
2014/09/26 职场文书
论文答辩开场白大全
2015/05/27 职场文书
鸦片战争观后感
2015/06/09 职场文书
2016年中秋节慰问信
2015/12/01 职场文书
企业愿景口号
2015/12/25 职场文书
Python+Appium新手教程
2021/04/17 Python
python基础之文件操作
2021/10/24 Python
详解在SQLPlus中实现上下键翻查历史命令的功能
2022/03/18 SQL Server
MySQL脏读,幻读和不可重复读
2022/05/11 MySQL