亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

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ā),代碼也會更加精短。


繼續(xù)學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jquery</title> <style type="text/css"> #dv{ width:150px; height:150px; border:1px solid red; } </style> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> // window.onload=function(){ // var div = document.getElementById('dv'); // div.innerHTML="php 中文網(wǎng)"; // } $(function(){ var div = $('#dv'); div.html("php中文網(wǎng)"); }); </script> </head> <body> <div id="dv"></div> </body> </html>
提交重置代碼