jquery之陷阱-选择器中的特殊字符转义

简介: 最近接触jquery,觉得jquery确实比较好用,但是在使用过程中碰到不少问题,最典型的问题是选择器通过元素的#id来查找元素对象时,如果id中包含jquery的特殊字符就会导致查找失败,目前我碰到了以下特殊字符需要转义:.

最近接触jquery,觉得jquery确实比较好用,但是在使用过程中碰到不少问题,最典型的问题是选择器通过元素的#id来查找元素对象时,如果id中包含jquery的特殊字符就会导致查找失败,目前我碰到了以下特殊字符需要转义:
. / $ [ ]

转义的方法如下:

var ret = id.replace(/:/g,"\\:");
        
        ret = ret.replace(/\./g,"\\.");
        ret = ret.replace(/\//g,"\\/");
        ret = ret.replace(/\$/g,"\\$");
        ret = ret.replace(/\[/g,"\\[");
        ret = ret.replace(/\]/g,"\\]");

不知道大家还有没有更好的方法来解决这个问题,另外是不是还有别的特殊字符需要转义。                  

目录
相关文章
N..
|
8月前
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
56 1
|
3月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
43 2
|
4月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
53 5
|
7月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
42 0
|
3月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器用于操作 HTML 元素,支持基于 id、类、类型、属性等条件选择元素。它扩展了 CSS 选择器的功能,并使用 $() 符号。例如,$("p") 选取所有段落元素,而 $("button").click(function(){ $("p").hide(); }) 实现点击按钮后隐藏所有段落。
|
7月前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
|
4月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
4月前
|
JavaScript
jQuery 选择器
jQuery 选择器
31 3
|
4月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
37 1
|
5月前
|
JavaScript 索引
jQuery的选择器有几种?
jQuery的选择器有几种?
44 1