getElementById引起的jQuery的选择器bug
来源:互联网 发布:java h5 微信分享 编辑:程序博客网 时间:2024/05/10 03:07
最近在开发时,偶然又发现jQuery一个bug:
SCRIPT5007: 无法获取属性“0”的值: 对象为 null 或未定义
jquery-1.8.1.js, 行4978 字符4
context = Expr.find["ID"]( token.captures[0].replace( rbackslash, "" ), context, xml )[0];
只要执行类似$("#test span")这样的,id选择符后还有选择符的代码在IE7下就会报错。
跟踪调试发现,问题出在这里:
function( id, context, xml ) {
if ( typeof context.getElementById !== strundefined && !xml ) {
var m = context.getElementById( id );
return m ?m.id === id || typeof m.getAttributeNode !== strundefined && m.getAttributeNode("id").value === id ?
[m] :undefined :[];
}
}
当执行Expr.find["ID"]( token.captures[0].replace( rbackslash, "" ), context, xml )时,返回的是undefined,undefined[0]自然就错了,那么为什么呢?
第一次看这个函数觉得有点奇怪,因为,印象中getElementById只会返回第一个匹配id的元素,为何还要检查Attribute呢?
原来,在IE7下getElementById("test")会返回第一个id或者name为test的元素,例如:
<input name="test"/>
<div id="test">
<span></span>
</div>
getElementById("test")返回的是input。
实际上,这个问题并不只有IE7有,经过测试发现chrome 、FF、opera、safari返回的是div,而IE6、IE7、IE7-9+文档模式为Quirks模式返回的是input
这个问题可以这么解决:
1.修改jQuery代码,将上述函数中返回的undefined改为[]即可,不过,一般不推荐修改jQ的源代码,一方面,修改没有经过严格的测试,有隐患,另外,升级时会比较困难。
2.修改选择器使用方法,比如$("#test span")改为$("#test").find("span")。
- getElementById引起的jQuery的选择器bug
- IE中getElementById的 Bug
- unsigned引起的bug
- typedef引起的bug
- 解决IE的document.getElementById的BUG
- 1. 总是从ID选择器开始继承 在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascript的getElementById()方法. Traffic Light
- jquery 选择器 在ie6下的一个bug
- jQuery not过滤选择器在ie的bug
- 缺jar引起的bug
- memcpy引起的一个bug
- 字符串拷贝引起的bug
- 一个分号引起的bug
- Environment.CurrentDirectory引起的BUG
- 小问题引起的bug
- 一次memcpy引起的bug
- redis - 空格引起的bug
- 字段定义引起的bug
- 一个BUG引起的思考
- [视频]杨中科老师给大一学生讲计算机专业前途和学习方法
- pppoe 和 pppd 之间的关系
- 多线程知识点整理
- Javascript – How Prototypal Inheritance really works
- 公正(新版):该如何做是好
- getElementById引起的jQuery的选择器bug
- jsp基础知识2(jsp指令)
- onsubmit 导致的数据库重复插入值,重复录入的问题
- Android的MediaRecorder video架构介绍 上层
- nginx的启动与停止
- 数字影像解析基础①
- IT精英们,创业路上的:降级论
- Oracle安装配置—64位Win7安装配置64位Oracle
- ucore OS