`
aqbbsxiao
  • 浏览: 46066 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

JQuery中的id选择器含有特殊字符

    博客分类:
  • 1
 
阅读更多
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版本的演进,对特殊字符的支持应该会越来越好。为了不给自己找麻烦,特殊字符还是能不用则不用。
分享到:
评论

相关推荐

    JQuery对id中含有特殊字符的转义处理示例

    - 使用属性选择器来指定ID,避免直接在选择器字符串中使用特殊字符。 了解并掌握这些转义技巧,可以有效地帮助我们在处理含有特殊字符的ID时避免遇到问题,从而提高代码的稳定性和可维护性。在编写HTML和JavaScript...

    jQuery选择器中的特殊符号处理方法

    一般情况下,在jQuery选择器中,我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符,因为根据W3C规定,HTML文档中属性的值是不能包含有这些个特殊字符的,但是在实际应用中,偶尔也会遇到表达式中含有“#”和...

    jQuery选择器特殊字符与属性空格问题

    1.选择器中含有“.”、“#”、“(”或“]”等特殊字符 根据W3C的规定,属性值中是不能含有这些特殊字符的,但在实际项目中偶尔会遇到表达式中含有“#”和“.”等特殊字符,如果按照普通的方式去处理出来的话就会...

    jquery 动态选择器

    2. **ID选择器**: 使用`#`符号来选取具有特定ID的元素。例如,`$("#myID")`将选取ID为`myID`的唯一元素。 3. **属性选择器**: 用于选取具有特定属性或属性值的元素。例如,`$("[href]")`选取所有有`href`属性的元素...

    jquery样式选择器插件源码demo

    jQuery支持多种类型的选择器,包括基本选择器(如ID选择器、类选择器、标签选择器)、属性选择器、伪类选择器以及组合选择器等。这些选择器可以灵活地帮助我们定位页面中的特定元素,进行操作和样式设置。 该插件的...

    jquery 属性选择器的使用

    在 jQuery 中,属性选择器是用于根据元素的特定属性来选取元素的重要工具。本文将深入探讨如何利用属性选择器来提高你的前端开发效率。** ### 一、属性选择器的基本语法 jQuery 提供了多种属性选择器,每种都有其...

    jquery 选择器 描述

    通过以上详尽的解析,我们可以看到jQuery选择器的强大功能和灵活性,以及jQuery提供的DOM操作方法,它们共同构成了前端开发中不可或缺的工具箱。无论是选择特定元素进行样式调整,还是动态创建和操作DOM节点,jQuery...

    jquery选择器学习文档

    下面将详细介绍给定文件中提及的各类 JQuery 选择器。 1. **基本选择器** - `#id`:通过ID匹配唯一元素,例如`$("#myId")`会找到ID为`myId`的元素。 - `Element`:根据元素名称匹配所有同名元素,如`$("div")`会...

    经典的jQuery选择器应用例子

    在JavaScript的世界里,jQuery是一个非常流行且...在jQuerySelectors压缩包中,你将会找到这些选择器的实例代码,通过实际运行和调试,你将更深入地理解它们的工作原理和应用场景。动手实践,是掌握这些知识点的关键。

    jQuery应用中特殊字符处理的问题

    在本案例中,开发人员在制作动态菜单时遇到的困难是由于ID中包含特殊字符“/”,导致无法使用常规的方法通过jQuery选择器获取对应的节点。这是一个在实际开发中相当常见的问题,因为HTML ID属性所允许的字符范围要比...

    jQuery 遍历css选择器

    jQuery支持多种CSS选择器,包括基本选择器(如`#id`、`.class`、`tag`)、关系选择器(如`&gt;`、`+`、`~`)、属性选择器(如`[attr]`、`[attr=value]`、`[attr^=value]`等)以及伪类选择器(如`:hover`、`:first-child...

    jQuery网页刷新随机显示一组字符串打字显示/渐渐消失效果

    jQuery通过选择器找到这个元素,例如`$("#typingEffect")`,这里的`#`代表ID选择器,`typingEffect`是该`&lt;div&gt;`的ID。 2. **字符串数组**:描述中提到的字符串数组是用来存储待显示的文本。这些字符串可以预先定义...

    jQuery表情符号选择器js特效插件

    以上代码展示了如何在网页中使用jQuery表情选择器插件的基本步骤。在这个例子中,当页面加载完成,`#messageInput`这个textarea将会拥有表情选择的功能。 **优化与扩展** 开发者还可以根据实际需求对插件进行优化,...

    Jquery选择器总结

    基本选择器包括ID选择器、类选择器、标签选择器和通用选择器。 - **ID选择器**: 使用`#`符号选取具有特定ID的元素,例如`$("#myID")`。 - **类选择器**: 使用`.`符号选取具有特定类名的元素,例如`$(".myClass")`。...

    Jquery css选择器

    通过了解和掌握Jquery CSS选择器中的属性选择器、子选择器及兄弟组合选择器,开发者可以更灵活、更精确地控制网页布局和样式。这不仅能够提高工作效率,还能够帮助创建更加美观和功能丰富的网页应用。 #### 六、...

    jQuery选择器的演示

    1. ID选择器:`$("#elementId")` 通过ID来选取唯一的元素,例如`$("#myDiv")`会选择ID为"myDiv"的元素。 2. 类选择器:`.className` 通过类名选取元素,如`$(".myClass")`会选取所有具有"myClass"类的元素。 3. ...

    Jquery选择器大全

    本文将详细介绍 jQuery 中的选择器类型及其使用方法。 #### 1. 基本选择器 - **ID 选择器**:通过 `#` 符号加 ID 名称来选取拥有该 ID 的元素。 - 示例:`$("#myElement")` 选取拥有 id 值为 "myElement" 的元素...

Global site tag (gtag.js) - Google Analytics