jQuery juery與原生js 的區(qū)別
前面我們學習了js的一些基礎,下面我們來看以下jquery
jquery 對象 ?與 DOM對象
jQuery對象與DOM對象是不一樣的,下面我們通過一個例子來講解倆者的差別
首先,用原生代碼,js原生代碼如下:
var div = document.getElementById('dv');
div.innerHTML="php 中文網(wǎng)";
以上代碼,通過原生DOM模型提供的document.getElementById(“dv”) 方法獲取的DOM元素就是一個DOM對象,再通過innerHTML與處理文本。
下面我們看jquery的代碼
$(function(){
????var div = $('#dv');
????div.html("php中文網(wǎng)");
});
通過$('#dv')方法會得到一個$p的jQuery對象,$p是一個類數(shù)組對象。這個對象里面包含了DOM對象的信息,然后封裝了很多操作方法,調用自己的方法html與css,得到的效果與標準的JavaScript處理結果是一致的。
通過標準的JavaScript操作DOM與jQuyer操作DOM的對比
1.通過jQuery方法包裝后的對象,是一個類數(shù)組對象。它與DOM對象完全不同,唯一相似的是它們都能操作DOM。
2.通過jQuery處理DOM的操作,可以讓開發(fā)者更專注業(yè)務邏輯的開發(fā),而不需要我們具體知道哪個DOM節(jié)點有那些方法,也不需要關心不同瀏覽器的兼容性問題,我們通過jQuery提供的API進行開發(fā),代碼也會更加精短。