posts - 0,  comments - 19,  trackbacks - 0
以前没注意过,认为jquery 中的 $("#") 与 document.getElementById("") 是一回事,指的是同一个东西。
这次项目开发在使用验证码生成的时候,发现两者不同,使用时需要注意!

通过以下测试:
js中代码

function reloadValidCode(o) {

alert(o);

    o.src = "${pageContext.request.contextPath }/validCodeServlet?timed=" + new Date().getMilliseconds(); 

}

 

function refresh() {

alert($("#imageYZ"));

   document.getElementById("imageYZ").src = "${pageContext.request.contextPath }/validCodeServlet?timed=" + new Date().getMilliseconds(); 

}

jsp中代码

<img src="${pageContext.request.contextPath }/validCodeServlet" id="imageYZ" alt="换一张" onclick="reloadValidCode(this)"/>

看不清?<a href="#this" onclick="refresh();"> 换一张</a>


我很打算在refresh()函数中使用
$("#imageYz").src = "${pageContext.request.contextPath }/validCodeServlet?timed=" + new Date().getMilliseconds();
进行设置,但是发现不行;原来alert(o)的结果是:
[object HTMLCanvasElement]
alert($("#imageYZ"))的结果是:
[objec Object]
从这里不难看出两者真的不一样;
再用firebug调试看一下,
$("#imageYZ")和document.getElementById("imageYZ")倒底是什么内容。调试结果如下:

$("#imageYZ")                         [img#imageYZ]
    
document.getElementById("imageYZ")    img#imageYZ

想必,看到这里,不用我说,大家也会想到结果了。

实际上,$("#imageYZ")[0]等同于 document.getElementById("imageYZ")

posted on 2012-03-16 09:52 canry Tong 阅读(17555) 评论(8)  编辑  收藏 所属分类: js

FeedBack:
# re: jquery 中的 $(“#”) 与 js中的document.getElementById(“”) 的区别
2013-12-18 14:34 | bitzhi
学习了,在文件上传的时候是说怎么和getElementById取到的不一样。
原来要这样:var file = $("#fileToUpload")[0].files[0];  回复  更多评论
  
# re: jquery 中的 $(“#”) 与 js中的document.getElementById(“”) 的区别
2015-06-17 17:27 | sdddd
dsssssssssssss  回复  更多评论
  
# tg
2016-05-17 15:20 | hr
r   回复  更多评论
  
# tg
2016-05-17 15:20 | hr
e  回复  更多评论
  
# re: jquery 中的 $(“#”) 与 js中的document.getElementById(“”) 的区别[未登录]
2016-07-29 15:37 | 啊啊
哈哈  回复  更多评论
  
# re: jquery 中的 $(“#”) 与 js中的document.getElementById(“”) 的区别[未登录]
2016-07-29 15:38 | 啊啊
无聊来试一下能不能评论。。。。。  回复  更多评论
  
# re: jquery 中的 $(“#”) 与 js中的document.getElementById(“”) 的区别[未登录]
2016-07-29 15:38 | 啊啊
发现原来行啊、、、、  回复  更多评论
  
# re: jquery 中的 $(“#”) 与 js中的document.getElementById(“”) 的区别[未登录]
2016-07-29 15:39 | 啊啊
于是,发表的停不下来!!!!  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航:
 
<2016年7月>
262728293012
3456789
10111213141516
17181920212223
24252627282930
31123456

留言簿

文章分类

文章档案

搜索

  •  

最新评论