jquery物件如何轉化成DOM物件
jquery物件是什麼?jquery物件是指jquery函式jquery()或者$()生成的dom包裝的物件。
$("#test").html() 意思是指:獲取ID為test的元素內的html程式碼。其中html()是jQuery物件中一個方法,與dom物件中的innerHtml 函式。以上這段程式碼轉換成Dom物件document.getElementById("id").innerHTML。
雖然jQuery物件是包裝DOM物件後產生的,但是jQuery無法使用DOM物件的任何方法,同理DOM物件也不能使用jQuery裡的方法.亂使用會報錯。比如:$("#test").innerHTML、document.getElementById("id").html()之類的寫法都是錯誤的。
還有一個要注意的是:用#id作為選擇符取得的是jQuery物件與document.getElementById("id")得到的DOM物件,這兩者並不等價。 如果想要獲取jquery物件,可以直接使用Jquery()或者$()函式,傳入的引數可以使用標籤元素,或者css中類元素或者ID元素。javascript想要獲取dom元素可以使用document.getElementById或者getElementByName函式,傳入的引數是標籤元素。
那麼如何讓一個jquery物件轉換成DOM物件
兩種轉換方式將一個jQuery物件轉換成DOM物件:[index]和.get(index);
(1)jQuery物件是一個資料物件,可以透過[index]的方法,來得到相應的DOM物件。
如:var $v =$("#v") ; //jQuery物件
var v=$v[0]; //DOM物件
alert(v.checked) //檢測這個checkbox是否被選中
(2)jQuery本身提供,透過.get(index)方法,得到相應的DOM物件
如:var $v=$("#v"); //jQuery物件
var v=$v.get(0); //DOM物件
alert(v.checked) //檢測這個checkbox是否被選中
更多關於Jquery相關文章來自於成都SEO蜀逍遙部落格
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4422/viewspace-2813301/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 如何將jquery生成的物件轉換成dom物件jQuery物件
- 【JQuery】DOM物件和JQuery物件的互相轉換jQuery物件
- jQuery物件與DOM物件之轉換jQuery物件
- jQuery物件和DOM物件jQuery物件
- jQuery 物件 與 原生 DOM 物件 相互轉換jQuery物件
- jquery物件和DOM物件的互相轉換jQuery物件
- DOM物件與jquery物件的相互轉換物件jQuery
- jQuery物件與Dom物件的相互轉換jQuery物件
- [轉] jQuery物件與DOM物件之間的轉換jQuery物件
- jQuery物件轉換為dom物件簡單介紹jQuery物件
- jQuery物件與原生JS dom物件間的轉換jQuery物件JS
- 區別 Jquery物件和Dom物件jQuery物件
- jQuery物件和DOM物件和字串之間的轉化jQuery物件字串
- dom物件和jQuery物件相互轉換簡單介紹物件jQuery
- jQuery物件和DOM物件之間的轉換實現jQuery物件
- jquery物件和DOM物件的區別及互相轉化jQuery物件
- 在JavaScript中,DOM物件與jQuery物件的區別與轉換JavaScript物件jQuery
- js原生dom物件和jQuery物件可以混合使用嗎?JS物件jQuery
- js jquery 列印物件;json 物件轉字串jQuery物件JSON字串
- fastjson:物件轉化成json出現$refASTJSON物件
- Js DOM物件JS物件
- JavaScript DOM物件JavaScript物件
- 如何判斷一個物件是否為jQuery物件物件jQuery
- JavaScript DOM文件物件JavaScript物件
- HTML DOM Event 物件HTML物件
- JavaScript HTML DOM 物件JavaScriptHTML物件
- html DOM樹物件HTML物件
- JavaScript HTML DOM Canvas 物件JavaScriptHTMLCanvas物件
- JavaScript 之 DOM [ Document物件 ]JavaScript物件
- HTML DOM FileUpload 物件HTML物件
- javaScript事件,Bom,Dom物件JavaScript事件物件
- jQuery事件物件jQuery事件物件
- 將html字串轉化為jquery物件HTML字串jQuery物件
- 如何使用jQuery獲取物件的尺寸jQuery物件
- DOM的TreeWalker物件簡介物件
- XML DOM Parse Error 物件概述XMLError物件
- 初識文件物件模型(DOM)物件模型
- PHP 原生 DOM 物件操作 XMLPHP物件XML