jquery中的 $("#jb51")與document.getElementById("jb51") 的區(qū)別
直接用alert()來(lái)顯示這兩個(gè)方法倒底獲得的是什么。代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>jb51</title>
<link href="css/index.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
</head>
<body>
<div class="warp">
<canvas id="jb51"></canvas>
</div>
<script>
var canvas_jb51=$("#jb51");
alert(canvas_jb51);
alert(document.getElementById("jb51"));
var jb51_2d=canvas_jb51.getContext("2d");
var jb51_img=new Image();
jb51_img.src="images/Boston-III-48px.png";
jb51_2d.drawImage(jb51_img,0,0);
</script>
</body>
</html>
兩個(gè)alert()分別顯示為:[object Object]和[object HTMLCanvasElement]。從這里,不難看出,$("#jb51")并沒(méi)有像我預(yù)想的那樣。再用firebug調(diào)試看一下,
$("#jb51")和document.getElementById("jb51")倒底是什么內(nèi)容。調(diào)試結(jié)果如下:
$("#jb51") [canvas#jb51]
document.getElementById("jb51") canvas#jb51
想必,看到這里,不用我說(shuō),大家也會(huì)想到結(jié)果了。
實(shí)際上,$("#jb51")[0]等同于 document.getElementById("jb51")
- document.getElementById獲取控件對(duì)象為空的解決方法
- js中document.getElementByid、document.all和document.layers區(qū)分介紹
- document.getElementById介紹
- document.getElementById的簡(jiǎn)寫(xiě)方式(獲取id對(duì)象的簡(jiǎn)略寫(xiě)法)
- document.getElementById方法在Firefox與IE中的區(qū)別
- document.getElementById為空或不是對(duì)象的解決方法
- 各瀏覽器對(duì)document.getElementById等方法的實(shí)現(xiàn)差異解析
相關(guān)文章
jQuery實(shí)現(xiàn)頁(yè)碼跳轉(zhuǎn)式動(dòng)態(tài)數(shù)據(jù)分頁(yè)
本片文章教給大家用jQuery實(shí)現(xiàn)頁(yè)碼跳轉(zhuǎn)式動(dòng)態(tài)數(shù)據(jù)分頁(yè),效果非常好而且沒(méi)有頁(yè)面刷新,需要的朋友學(xué)習(xí)下吧。2017-12-12jquery實(shí)現(xiàn)點(diǎn)擊頁(yè)面計(jì)算點(diǎn)擊次數(shù)
這篇文章主要給大家分享了一段使用jquery實(shí)現(xiàn)點(diǎn)擊頁(yè)面計(jì)算點(diǎn)擊次數(shù)的代碼,非常實(shí)用,有需要的小伙伴參考下。2015-01-01jQuery div層的放大與縮小簡(jiǎn)單實(shí)現(xiàn)代碼
div層的放大與縮小想必大家已不是那么陌生了吧,接下來(lái)為大家詳細(xì)介紹下使用jQuery實(shí)現(xiàn),感興趣的各位可以參考下哈,希望可以幫助到你2013-03-03jQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊彈出漸變層的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊彈出漸變層的方法,jQuery是當(dāng)下最具人氣的JavaScript庫(kù),需要的朋友可以參考下2015-07-07jQuery輕松實(shí)現(xiàn)表格的隔行變色和點(diǎn)擊行變色的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇jQuery輕松實(shí)現(xiàn)表格的隔行變色和點(diǎn)擊行變色的實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧2016-05-05jQuery實(shí)現(xiàn)從身份證號(hào)中獲取出生日期和性別的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)從身份證號(hào)中獲取出生日期和性別的方法,結(jié)合實(shí)例形式分析了jQuery數(shù)學(xué)運(yùn)算與字符串操作相關(guān)技巧,需要的朋友可以參考下2016-02-02jquery tools 系列 scrollable學(xué)習(xí)
今天繼續(xù)jquery tools六大功能之第三功能 scrollable的學(xué)習(xí)。一如既往,首先給出操作的html代碼 此html代碼修改自jquery tools官方網(wǎng)站demo代碼2009-09-09