所以id最好不要取名有 “.”、“#”、“(”、“[”
一般情况下,在jQuery选择器中,我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符,因为根据W3C规定,HTML文档中属性的值是不能包含有这些个特殊字符的,但是在实际应用中,偶尔也会遇到表达式中含有“#”和“.”等特殊字符,正如我的Skygq表单验证和表单ajax提交合体版插件,在许多人的使用过程中出现了需要选择器中支持“.”的操作(他们都是java程序员)。
那么是如何处理这些个特殊字符的呢?
要想让jQuery能处理这些特殊字符,使用普通的方式处理的话,是不照的,是必须要进行转义的。
HTML代码:
1 |
< DIV id =id.a>aa</ DIV >
|
2 |
< DIV id =id#b>bb</ DIV > |
Jquery代码:
1 |
var $id_a = $( '#id.a' ); //jQuery对象,实际上是没取到元素的
|
2 |
var $id_b = $( '#id#b' ); //jQuery对象,实际上是没取到元素的
|
3 |
alert( $id_a.length); //输出0
|
4 |
alert( $id_b.length); //输出0
|
5 |
var $id_right_a = $( '#id\\.a' ); //jQuery对象,对特殊字符,我们转义一下
|
6 |
var $id_right_b = $( '#id\\#b' ); //jQuery对象,对特殊字符,我们转义一下
|
7 |
alert( $id_right_a.html() ); //正确输出"aa"
|
8 |
alert( $id_right_b.html() ); //正确输出"bb" |
相关推荐
主要介绍了jQuery选择id属性带有点符号元素的方法,涉及jQuery选择器的使用技巧,非常具有实用价值,需要的朋友可以参考下
看到很多网上对含特殊字符 json 数据处理,都是逐个判断是哪个特殊字符,比如回车如何处理,引号如何处理。其实有现成的代码库可以做这件事情,下载 json-lib-2.3-jdk15.jar : 代码如下: import ...
第二行代码得到class 为container的div元素,第三行代码得到标签下面id为msg的div元素(不过最好别这样写,因为jQuery需要遍历所有的div元素,对于带id的元素,直接用$("#id"))。第四行代码得到context为上下文的table...
jQuery 使用 XPath 表达式来选择带有给定属性的元素。 $("[href]") 选取所有带有 href 属性的元素。 $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。 $("[href!='#']") 选取所有带有 href 值不等于 "#" 的...
2.24 限制输入框仅接受特殊字符的输入 2.25 禁止页面内全部超链接 2.26 实现动态组合列表框 2.27 如何使用属性过滤器 2.28 如何测试某个元素是否可见 第3章 jQuery操作HTML事件 3.1 禁止或启用输入框 3.2 实时监听...
使用Jquery做上传文件处理时,用到了ajaxfileupload.js 这个第三方代码,但是这个js几乎就是半成品,问题很多。现在整理如下并附修复版的ajaxfileupload.js下载。 问题: 1:无法带参数提交,只能上传文件; 2:...
295 10.6 向标题文字应用样式 297 10.7 缩进多个段落的第一行 297 10.8 创建带有悬挂缩进的段落 298 10.9 创建带有边框的提取引用 299 10.10 创建带有图片的提取引用 301 10.11 向列表项应用列表属性 302 10.12 只对...
jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...
3.5 处理有返回值的函数 42 3.6 更新数组 43 3.7 使用do/while循环 44 3.8 以多种方式调用脚本 46 3.9 组合使用JavaScript和CSS 47 3.10 检查状态 50 3.11 处理字符串数组 55 第4章 处理图像 59 ...
jquery图片上传图像上传创建一个上传按钮和一个图像预览,能够处理超出比例的图像。如何使用它$("#uploadButton").imageUpload({id:"image"});选项字符串:id - 保存图像预览的 DOM 元素的 ID(必须是 img-tag) ...
* $.ckIsEmail(str, ifAlert),返回是否为正确邮箱格式 str: jquery对象||元素ID||字符串 ifAlert: 是否弹出错误信息 * $.ckIsUrl(str, ifAlert), 返回是否是正确的URL格式地址 str: jquery对象||元素ID||字符串 ...
本次项目主要以本学期所学内容为基础,采用servlet+jsp+jdbc的技术以及mvc模式进行项目开发,本次开发的内容主要以实现CRUD核心功能为主的教务管理系统,分为学生端和教师端,前端采用jquery进行数据传输以及处理,...
Gathering Storms 是 Forgotten Realms 世界中的 PBEM 游戏,转换为带有房屋规则的 Pathfinder 规则集。 当前提供的工具: /character/ - 基于标准统计块的字符表,增加了位置、遭遇和组织部分 /location/ - 基于...
设置可以通过带有 {} 的参数传递 限制 通过字符限制 { 限制:200 } 输入字符 用于通知可以传递多少个字符的文本 { txtCounter: "输入到:" } 通知限制结束 达到限制时通知用户的文本 { txtLimit: "您输入了最大限制...
致敬页 ... 用户故事2:我应该看到一个元素,其元素带有相应的id =“ title”,其中包含描述致敬页面主题的字符串(即文本)(例如“ Dr. Norman Borlaug”)。 用户故事#3:我应该看到一个带有相应
注意:不带技术支持,有帮助文件,虚拟商品,发货不退,看好再拍。 开发语言 : JAVA 数据库 : MySQL 开发工具 : Eclipse 源码类型 : WebForm 运行环境:jdk7+tomcat8+mysql+myeclipse 使用技术:spring+Struts+...
■ 在带有Session验证的网站后台中SWFUpload无法正常工作? □ 这是因为SWFUpload在上传时相当于重新开辟了一个新的Session进程,因此无法与原有程序的Session保持一致,这就需要在上传时传递原有程序的Session...
通过自由度极高的模板系统,可以适应大多数情况的界面需求,后台带有标签生成器,建站只需要构架好HTML模板,在系统中添加好栏目,然后在HTML模板中加入标可。程序授权除禁止在本系统的整体或任何部分基础上以发展...
响应式网页设计项目-建立致敬页面目标:构建功能类似于此的应用程序: : 。 满足以下条件并通过所有测试。... 用户故事2:我应该看到一个元素,其元素带有相应的id="title" ,该元素包含描述致敬页面主题的字符串(即文