1、jquery类库在我们实际项目中用的很多,大家经常需要根据控件的id,获取对应的html元素。但是:当id含有特殊字符的时候,是不能选中的。
2、自己简单的测试了下,jquery的id选择器只支持,单词、阿拉伯数字、下划线、中划线。其中单词,包括英文字母、汉字,但是控件id属于客户不可见内容,实际中开发人员是不用汉字作为id的,这里不考虑。
3、自己写了一个工具方法,开人人员只要将id转义后,jquery就能选中了,不用再考特殊字符的问题。代码是基于jquery1.6版本。
function escapeJquery(srcString)
{
// 转义之后的结果
var escapseResult = srcString;
// javascript正则表达式中的特殊字符
var jsSpecialChars = ["\\", "^", "$", "*", "?", ".", "+", "(", ")", "[",
"]", "|", "{", "}"];
// jquery中的特殊字符,不是正则表达式中的特殊字符
var jquerySpecialChars = ["~", "`", "@", "#", "%", "&", "=", "'", "\"",
":", ";", "<", ">", ",", "/"];
for (var i = 0; i < jsSpecialChars.length; i++) {
escapseResult = escapseResult.replace(new RegExp("\\"
+ jsSpecialChars[i], "g"), "\\"
+ jsSpecialChars[i]);
}
for (var i = 0; i < jquerySpecialChars.length; i++) {
escapseResult = escapseResult.replace(new RegExp(jquerySpecialChars[i],
"g"), "\\" + jquerySpecialChars[i]);
}
return escapseResult;
}
说明随着JQuery版本的演进,对特殊字符的支持应该会越来越好。为了不给自己找麻烦,特殊字符还是能不用则不用。
分享到:
相关推荐
- 使用属性选择器来指定ID,避免直接在选择器字符串中使用特殊字符。 了解并掌握这些转义技巧,可以有效地帮助我们在处理含有特殊字符的ID时避免遇到问题,从而提高代码的稳定性和可维护性。在编写HTML和JavaScript...
一般情况下,在jQuery选择器中,我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符,因为根据W3C规定,HTML文档中属性的值是不能包含有这些个特殊字符的,但是在实际应用中,偶尔也会遇到表达式中含有“#”和...
1.选择器中含有“.”、“#”、“(”或“]”等特殊字符 根据W3C的规定,属性值中是不能含有这些特殊字符的,但在实际项目中偶尔会遇到表达式中含有“#”和“.”等特殊字符,如果按照普通的方式去处理出来的话就会...
2. **ID选择器**: 使用`#`符号来选取具有特定ID的元素。例如,`$("#myID")`将选取ID为`myID`的唯一元素。 3. **属性选择器**: 用于选取具有特定属性或属性值的元素。例如,`$("[href]")`选取所有有`href`属性的元素...
jQuery支持多种类型的选择器,包括基本选择器(如ID选择器、类选择器、标签选择器)、属性选择器、伪类选择器以及组合选择器等。这些选择器可以灵活地帮助我们定位页面中的特定元素,进行操作和样式设置。 该插件的...
在 jQuery 中,属性选择器是用于根据元素的特定属性来选取元素的重要工具。本文将深入探讨如何利用属性选择器来提高你的前端开发效率。** ### 一、属性选择器的基本语法 jQuery 提供了多种属性选择器,每种都有其...
通过以上详尽的解析,我们可以看到jQuery选择器的强大功能和灵活性,以及jQuery提供的DOM操作方法,它们共同构成了前端开发中不可或缺的工具箱。无论是选择特定元素进行样式调整,还是动态创建和操作DOM节点,jQuery...
下面将详细介绍给定文件中提及的各类 JQuery 选择器。 1. **基本选择器** - `#id`:通过ID匹配唯一元素,例如`$("#myId")`会找到ID为`myId`的元素。 - `Element`:根据元素名称匹配所有同名元素,如`$("div")`会...
在JavaScript的世界里,jQuery是一个非常流行且...在jQuerySelectors压缩包中,你将会找到这些选择器的实例代码,通过实际运行和调试,你将更深入地理解它们的工作原理和应用场景。动手实践,是掌握这些知识点的关键。
在本案例中,开发人员在制作动态菜单时遇到的困难是由于ID中包含特殊字符“/”,导致无法使用常规的方法通过jQuery选择器获取对应的节点。这是一个在实际开发中相当常见的问题,因为HTML ID属性所允许的字符范围要比...
jQuery支持多种CSS选择器,包括基本选择器(如`#id`、`.class`、`tag`)、关系选择器(如`>`、`+`、`~`)、属性选择器(如`[attr]`、`[attr=value]`、`[attr^=value]`等)以及伪类选择器(如`:hover`、`:first-child...
jQuery通过选择器找到这个元素,例如`$("#typingEffect")`,这里的`#`代表ID选择器,`typingEffect`是该`<div>`的ID。 2. **字符串数组**:描述中提到的字符串数组是用来存储待显示的文本。这些字符串可以预先定义...
以上代码展示了如何在网页中使用jQuery表情选择器插件的基本步骤。在这个例子中,当页面加载完成,`#messageInput`这个textarea将会拥有表情选择的功能。 **优化与扩展** 开发者还可以根据实际需求对插件进行优化,...
基本选择器包括ID选择器、类选择器、标签选择器和通用选择器。 - **ID选择器**: 使用`#`符号选取具有特定ID的元素,例如`$("#myID")`。 - **类选择器**: 使用`.`符号选取具有特定类名的元素,例如`$(".myClass")`。...
通过了解和掌握Jquery CSS选择器中的属性选择器、子选择器及兄弟组合选择器,开发者可以更灵活、更精确地控制网页布局和样式。这不仅能够提高工作效率,还能够帮助创建更加美观和功能丰富的网页应用。 #### 六、...
1. ID选择器:`$("#elementId")` 通过ID来选取唯一的元素,例如`$("#myDiv")`会选择ID为"myDiv"的元素。 2. 类选择器:`.className` 通过类名选取元素,如`$(".myClass")`会选取所有具有"myClass"类的元素。 3. ...
本文将详细介绍 jQuery 中的选择器类型及其使用方法。 #### 1. 基本选择器 - **ID 选择器**:通过 `#` 符号加 ID 名称来选取拥有该 ID 的元素。 - 示例:`$("#myElement")` 选取拥有 id 值为 "myElement" 的元素...