jQuery对象与DOM对象的区别
生活随笔
收集整理的這篇文章主要介紹了
jQuery对象与DOM对象的区别
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
突然想起以前實驗室的老師同學,放一張照片懷念一下大學時光~
jQuery對象:
什么是jQuery對象?說直白點,就是用jQuery方法獲取到的對象,例如:
var $obj = $("#uw3c"); //jQuery對象;DOM對象:
DOM對象,就是我們用原生的JavaAcript方法獲得的對象,例如:
var domObj = document.getElementById("uw3c"); //DOM對象jQuery對象和DOM對象之間為什么要轉換:
因為在jQuery對象中無法使用DOM對象的任何方法,反正也是一樣的,如下寫法是錯誤的:
$("#uw3c").innerHTML; //jquery對象,DOM方法。那么我們怎么才能在jQuery對象中使用DOM對象的方法呢?這就用到了這兩者之間的轉換。
jQuery對象轉換成DOM對象:
jQuery提供了兩種方法將一個jQuery對象轉換成一個dom對象,即[index]和get(index)。可能有人會覺得奇怪,怎么是用下標呢,沒錯,jQuery對象就是一個數組對象.
var $uw3c=$("#uw3c"); //jquery對象var uw3c = $uw3c[0]; //dom對象var uw3c=$uw3c.get(0); //dom對象uw3c.innerHTML; //從而可以使用DOM方法DOM對象轉換成jQuery對象:
對于一個dom對象,只需要用$()把dom對象包裝起來,就可以獲得一個jquery對象了。
var uw3c=document.getElementById("uw3c"); //dom對象var $uw3c = $(uw3c); //轉換成jquery對象$uw3c.html(); //從而可以使用jQuery方法總結
以上是生活随笔為你收集整理的jQuery对象与DOM对象的区别的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 番茄小说怎么取消自动续费(好看的小说尽在
- 下一篇: DOM文档加载的步骤: