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轻松实现无缝轮播效果
Mar 22 jQuery
jQuery日期范围选择器附源码下载
May 23 jQuery
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
详解jquery选择器的原理
Aug 01 jQuery
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
jquery在vue脚手架中的使用方式示例
Aug 29 jQuery
jQuery实现的滑块滑动导航效果示例
Jun 04 jQuery
jquery实现垂直无限轮播的方法分析
Jul 16 jQuery
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 jQuery
jQuery实现简单日历效果
Jul 05 jQuery
jQuery编写QQ简易聊天框
Aug 27 jQuery
jquery插件懒加载的示例
Oct 24 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数组函数序列之in_array() - 查找数组中是否存在指定值
2011/11/07 PHP
PHP关联链接常用代码
2012/11/05 PHP
php加密算法之实现可逆加密算法和解密分享
2014/01/21 PHP
destoon实现公司新闻详细页添加评论功能的方法
2014/07/15 PHP
Zend Framework教程之Zend_Config_Ini用法分析
2016/03/23 PHP
yii2 数据库读写分离配置示例
2017/02/10 PHP
javascript showModalDialog 内跳转页面的问题
2010/11/25 Javascript
JS获取当前网址、主机地址项目根路径
2013/11/19 Javascript
js中的caller和callee属性介绍和例子
2014/06/07 Javascript
javascript实现回到顶部特效
2015/05/06 Javascript
javascript实现继承的简单实例
2015/07/26 Javascript
js实现图片无缝滚动
2015/12/23 Javascript
JavaScript修改作用域外变量的方法
2016/03/25 Javascript
JavaScript实现数值自动增加动画
2017/12/28 Javascript
前端插件之Bootstrap Dual Listbox使用教程
2019/07/23 Javascript
TypeScript中使用getElementXXX()的示例代码
2019/09/12 Javascript
Python中操作mysql的pymysql模块详解
2016/09/13 Python
python3中int(整型)的使用教程
2017/03/23 Python
Python爬虫 urllib2的使用方法详解
2019/09/23 Python
flask框架蓝图和子域名配置详解
2020/01/25 Python
python 函数中的参数类型
2020/02/11 Python
pytorch实现seq2seq时对loss进行mask的方式
2020/02/18 Python
解决python3中os.popen()出错的问题
2020/11/19 Python
教你一分钟在win10终端成功安装Pytorch的方法步骤
2021/01/28 Python
使用canvas对多图片拼合并导出图片的方法
2018/08/28 HTML / CSS
戴尔英国官网:Dell英国
2017/05/27 全球购物
Yahoo-PHP面试题3
2012/01/14 面试题
大专生的学习自我评价
2013/12/04 职场文书
应用艺术专业个人的自我评价
2014/01/03 职场文书
四风剖析查摆对照检查材料思想汇报
2014/09/24 职场文书
高三英语教学计划
2015/01/23 职场文书
个人工作年终总结
2015/03/09 职场文书
2015年公司保安年终工作总结
2015/05/14 职场文书
律师催款函范文
2015/06/24 职场文书
环境卫生标语
2015/08/03 职场文书
Python中的tkinter库简单案例详解
2022/01/22 Python