jQuery入門——包括：jQuery概述、jQuery的下載、jQuery的使用步驟、jQuery的入口函數、jQuery的頂級對象$、jQuery對象和DOM對象的區別及轉換）

jQuery概述

• jQuery是一個快速、簡潔的JavaScript庫，它把JavaScript中常用的功能代碼做了封裝，優化了DOM操作、事件處理、動畫設計和Ajax交互。

• jQuery的作用就是可以加快前端人員的開發速度。

• 優點：

  1.輕量級。核心文件才幾十kb，不會影響頁面的加載速度。

  2.跨瀏覽器兼容。基本兼容了現在主流的瀏覽器。

  3.鏈式編程、隱式迭代。

  4.對事件、樣式、動畫支持，大大簡化了DOM操作。

  5.支持插件擴展開發。有着豐富的第三方插件，例如：樹形菜單、日期控件、輪播圖等。

  6.免費、開源。

jQuery的基本使用

• jQuery的下載：

  官網地址：https://jquery.com/

• jQuery的使用步驟：

  1.引入jQuery文件

  2.直接使用

• jQuery的入口函數：

//方法一：
$(function(){
  ...		//此處是頁面DOM加載完成的入口
});
//方法二：
$(document).ready(function(){
  ...		//此處是頁面DOM加載完成的入口
});

等着DOM結構渲染完畢即可執行內部代碼，不必等到所有外部資源加載完成，相當於原生js中的DOMContentLoaded。

• jQuery的頂級對象$：

  1.$是jQuery的別稱，在代碼中可以使用jQuery代替$，但一般爲了方便，通常都直接使用$。
  2.$是jQuery的頂級對象，相當於原生JavaScript中的window。把元素利用$包裝成jQuery對象，就可以調用jQuery的方法。例如：$('div').hide()。
  

• jQuery對象和DOM對象：

  1.用原生JS獲取的對象就是DOM對象。

  2.jQuery方法獲取的元素就是jQuery對象。

  3.jQuery對象本質是：利用$對DOM對象包裝後產生的對象（僞數組形式存儲）。實際上，僞數組的每個元素都是一個DOM對象。

  4.jQuery對象只能使用jQuery方法；DOM對象則只能使用原生JavaScript的屬性和方法。

  5.DOM對象和jQuery對象之間是可以相互轉換的：

  因爲原生js比jQuery更大，原生的一些屬性和方法，jQuery沒有給我們封裝，要想使用這些屬性和方法需要把jQuery對象轉換爲DOM對象才能使用。

  （1）直接獲取jQuery對象：$(DOM對象)

  $('div')
  

  （2）如果我們已經通過原生js獲取DOM對象，可以通過下面方式轉換爲jQuery對象

  var myvideo = document.querySelector('video');
  $(myvideo)
  

  （3）jQuery對象轉換爲DOM對象（兩種方式）

  //方法1:
  $('div')[index]		//index是索引號
  //方法2:
  $('div').get(index)		//index是索引號
  

  ---

  微信公衆號也會定期更新，覺得文章寫得還可以的，可以加個關注！點個贊！謝謝！