`

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,"\\]");

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

分享到:
评论
1 楼 denleyfu 2010-04-25  
这些特殊字符本来就是需要转义得,所以没有其他什么方法可以替代。

相关推荐

    jquery插件jquery-ui-1.8.2.custom.min.js

    文件列表中的"jquery-1.4.2.js"和"jquery-1.4.2.min.js"分别是未压缩和压缩版的jQuery 1.4.2,是jQuery UI运行的基础。"jquery-1.4.2-vsdoc.js"是一个用于Visual Studio的文档文件,为开发者提供IDE内的API提示。 ...

    jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css

    这个压缩包包含两个关键文件:`jquery-ui-1.8.16.custom.min.js` 和 `jquery-ui-1.8.16.custom.css`,这些都是jQuery UI的特定版本,即1.8.16。这个版本在当时是一个广泛使用的稳定版本,提供了丰富的功能和组件。 ...

    jquery.editable-select

    `jquery.editable-select` 就是建立在 jQuery 之上,因此在使用前需要确保页面中已经引入了 jQuery。 2. **选择器的增强**:在默认情况下,HTML `<select>` 元素的功能相对有限。`jquery.editable-select` 提供了一...

    jquery.datepicker-zh-CN.js

    <script src="./public/js/jquery-ui-1.10.3.min.js"> <script src="./public/js/jquery.datepicker-zh-CN.js"></script> <link href="./public/css/jqueryui/jquery-ui-1.10.3.min.css" rel="stylesheet"> $( "#...

    jquery-ui-datepicker中文版

    jquery-ui-日期框扩展成时间框 jquery-ui时间框 基于别人的代码进行修改 jquery-ui-1.8.16.custom.css文件末尾加入以下代码 .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; } .ui-timepicker-div dl{ ...

    jquery-ui-1.10.3.custom.rar jquery 日期插件 带时间选择

    在给定的"jquery-ui-1.10.3.custom.rar"压缩包中,我们特别关注的是其内置的日期时间选择插件,这个功能强大且易于使用的工具极大地提升了用户在网页上的交互体验。 首先,jQuery UI 1.10.3 版本是该库的一个稳定...

    jquery-ui-1.9.2.custom.min.js

    "custom" 表示这个版本是根据特定需求定制的,可能只包含了滑块(Sliders)、日期选择器(Datepickers)、对话框(Dialogs)、拖放(Draggable)、可排序(Sortable)等组件中的一部分或全部。这使得开发者可以更有效地控制...

    jQuery-Timepicker-Addon-master(jquery 日历时间)

    《jQuery-Timepicker-Addon:构建高效日历时间选择器》 在Web开发中,用户界面的易用性和交互性是至关重要的。jQuery-Timepicker-Addon是jQuery库的一个扩展,为网页提供了一种优雅的方式来处理日期和时间的选择。...

    jQuery摄像头插件jquery-webcam-plugin

    **jQuery摄像头插件jquery-webcam-plugin** 在网页开发中,集成摄像头功能可以帮助用户实时捕捉图像,广泛应用于在线证件照上传、视频聊天、虚拟试衣间等场景。`jQuery webcam plugin`是一个优秀的JavaScript库,它...

    jquery-ui-1.10.3.min.js

    jquery-ui-1.10.3.min.js

    jquery-ui-1.7.3.custom 完整开发包

    其中,主文件(如 `jquery-ui.js` 或 `jquery-ui.min.js`)包含了所有组件和功能。此外,还可能有按功能分隔的单独文件,如 `draggable.js`、`resizable.js` 等,这些文件分别对应拖放、可调整大小等交互功能。...

    带分钟的js时间控件jQuery-Timepicker-Addon

    `jQuery-Timepicker-Addon`是一款强大的JavaScript时间选择器插件,它基于广泛使用的jQuery库,为用户提供了一个优雅、功能丰富的日期和时间选择界面。这款插件不仅支持基本的日期选择,还特别强调了分钟的选择,...

    jquery1.7.2 API jquery-1.7.2-vsdoc 汉化中文版本

    对于开发者而言,`jquery-1.7.2-vsdoc.js`是一个重要的资源。它包含了Visual Studio的文档注释,使得在VS环境下可以获取到中文的jQuery方法提示,极大提升了开发效率。 总的来说,jQuery 1.7.2汉化版的API为开发者...

    jquery-ui-1.10.0.custom.zip

    在 `jquery-ui-1.10.0.custom.zip` 文件中,包含了经过自定义配置后的 jQuery UI 库,这使得开发者可以轻松地裁剪掉不必要或者未使用的功能,减小文件大小,提高网页性能。 三、主要组件介绍 1. **Dialog(对话框...

    jquery.timers-1.2.js

    jquery.timers-1.2.js 定时器插件

    jquery-migrate-1.2.1.min.js

    4. **Event特殊事件**: 一些旧的事件处理方式可能在新版本中被移除,`jQuery Migrate` 会恢复它们。 使用 `jQuery Migrate` 时,需要注意以下几点: 1. **不要长期依赖**:`jQuery Migrate` 是一个过渡工具,旨在...

    jquery.editable-select插件使用案例

    此为jquery.editable-select插件的使用案例,这是一款非常好用的插件,好用之处:既可下拉框选择也可手动输入,而且手动输入还能对下拉框选项进行过滤,而且还可实现一些相关事件,具体请查看官方文档。

    插件jquery-ui-timepicker-addon.js

    jquery插件jquery-ui-timepicker-addon.j

    jquery-ui-1.8.18.custom,jquery-ui-1.8.18.custom.min,jquery-1.7.1.min

    在标题提及的 "jquery-ui-1.8.18.custom" 文件中,包含了完整的 jQuery UI 工具包,特别定制以满足特定需求。这个自定义版本不仅包括了基本的库文件,还有可能根据开发者需求定制的各种组件和主题,以优化项目性能和...

    jquery-3.7.0.min.js(jQuery下载)

    jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...

Global site tag (gtag.js) - Google Analytics