jQuery的優勢：

?開源--開放源代碼

?輕量級? ?

?強大的選擇器

?出色的DOM操作(對DOM元素的一個增刪改查)

?完善的Ajax，出色的瀏覽器兼容性，豐富的插件支持，完善的文檔（說明書）

?鏈式操作方式，? 寫得少，做的多

使用jQuery:

下載jquery文件

把文件放入到項目中去

在頁面當中引入jquery文件（選中jquery文件直接拖拽過去到（head標簽里面或者body里面））

jQuery對象和DOM對象的區別

一：//取得jsDOM對象：

????? var name = document.getElementById("name");

????? alert(name.value);? //通過獲取到的對象得到它的值、

二：//獲得jquery對象

????? var $name = $("#name");

三：DOM對象與jQuery對象互相轉換

　　可以把jQuery對象看做DOM對象的數組，因此 ?? 可以通過索引下標在jQuery中獲取DOM對象

• 方法一：jquery對象 --- >DOM對象
• var $name1 = $(name);? //獲取jQuery對象
• var name1 = $name.get(0);?? //把jquery對象轉換為DOM對象；
• 方法二：DOM對象--- >jquery對象
• var name = document.getElementById("name");//獲取DOM對象
• var $name=$(name); //把DOM對象轉換為jquery對象

四：jQuery函數（窗體加載事件）：

1.jQuery(document).ready(function(){ 需要執行的代碼})? ====》? $(function(){ 需要執行的代碼? })??? （簡寫方式，常用）

• ??? $(function(){ 需要執行的代碼? }) ===》 js的?? window.οnlοad=function(){ }

?

2.body的onload事件（js窗體加載事件）和jquery窗體加載事件的區別：

?

• 一般onload事件只有一個，如果頁面有多個onload事件，只執行最后一個，而jquery文檔加載完畢函數可以有N多個，而且每一個都會按照順序依次執行??
• jquery的文檔加載完畢函數執行事件要早于body的onload事件(尤其是頁面上有大量的圖片需要加載的時候，兩者之間的差異就更明顯)

?

轉載于:https://www.cnblogs.com/Li232/p/9489192.html

總結

以上是生活随笔為你收集整理的了解jQuery并掌握jQuery对象和DOM对象的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。