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 閱讀(17596) 評論(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 | 啊啊
          于是,發表的停不下來!!!!  回復  更多評論
            
          <2025年6月>
          25262728293031
          1234567
          891011121314
          15161718192021
          22232425262728
          293012345

          留言簿

          文章分類

          文章檔案

          搜索

          •  

          最新評論

          主站蜘蛛池模板: 共和县| 赣州市| 门头沟区| 淮安市| 军事| 宜宾县| 东台市| 韶山市| 邵阳市| 贞丰县| 临潭县| 芮城县| 胶南市| 常州市| 界首市| 南通市| 肃南| 新龙县| 万载县| 文化| 扶绥县| 永丰县| 怀安县| 子洲县| 尉氏县| 东光县| 广安市| 大埔区| 青川县| 保德县| 石城县| 青神县| 印江| 诏安县| 河池市| 灵武市| 黄大仙区| 黔南| 泽州县| 宜川县| 汉阴县|