一、jQuery介紹

jQuery是一個(gè)輕量級(jí)的、兼容多瀏覽器的JavaScript庫。

jQuery使用戶能夠更方便地處理HTML Document、Events、實(shí)現(xiàn)動(dòng)畫效果、方便地進(jìn)行Ajax交互，能夠極大地簡(jiǎn)化JavaScript編程。它的宗旨就是：“Write less, do more.“

二、jQuery的優(yōu)勢(shì)

一款輕量級(jí)的JS框架。jQuery核心js文件才幾十kb，不會(huì)影響頁面加載速度。

豐富的DOM選擇器,jQuery的選擇器用起來很方便，比如要找到某個(gè)DOM對(duì)象的相鄰元素，JS可能要寫好幾行代碼，而jQuery一行代碼就搞定了，再比如要將一個(gè)表格的隔行變色，jQuery也是一行代碼搞定。

鏈?zhǔn)奖磉_(dá)式。jQuery的鏈?zhǔn)讲僮骺梢园讯鄠€(gè)操作寫在一行代碼里，更加簡(jiǎn)潔。

事件、樣式、動(dòng)畫支持。jQuery還簡(jiǎn)化了js操作css的代碼，并且代碼的可讀性也比js要強(qiáng)。

Ajax操作支持。jQuery簡(jiǎn)化了AJAX操作，后端只需返回一個(gè)JSON格式的字符串就能完成與前端的通信。

跨瀏覽器兼容。jQuery基本兼容了現(xiàn)在主流的瀏覽器，不用再為瀏覽器的兼容問題而傷透腦筋。

插件擴(kuò)展開發(fā)。jQuery有著豐富的第三方的插件，例如：樹形菜單、日期控件、圖片切換插件、彈出窗口等等基本前端頁面上的組件都有對(duì)應(yīng)插件，并且用jQuery插件做出來的效果很炫，并且可以根據(jù)自己需要去改寫和封裝插件，簡(jiǎn)單實(shí)用。

三、jQuery版本

• 1.x：兼容IE678,使用最為廣泛的，官方只做BUG維護(hù)，功能不再新增。因此一般項(xiàng)目來說，使用1.x版本就可以了，最終版本：1.12.4 (2016年5月20日)
• 2.x：不兼容IE678，很少有人使用，官方只做BUG維護(hù)，功能不再新增。如果不考慮兼容低版本的瀏覽器可以使用2.x，最終版本：2.2.4 (2016年5月20日)
• 3.x：不兼容IE678，只支持最新的瀏覽器。需要注意的是很多老的jQuery插件不支持3.x版。目前該版本是官方主要更新維護(hù)的版本。

維護(hù)IE678是一件讓人頭疼的事情，一般我們都會(huì)額外加載一個(gè)CSS和JS單獨(dú)處理。值得慶幸的是使用這些瀏覽器的人也逐步減少，PC端用戶已經(jīng)逐步被移動(dòng)端用戶所取代，如果沒有特殊要求的話，一般都會(huì)選擇放棄對(duì)678的支持。

四、jQuery對(duì)象

jQuery對(duì)象就是通過jQuery包裝DOM對(duì)象后產(chǎn)生的對(duì)象。jQuery對(duì)象是 jQuery獨(dú)有的。如果一個(gè)對(duì)象是?jQuery對(duì)象，那么它就可以使用jQuery里的方法：例如$(“#i1”).html()。

$("#i1").html()的意思是：獲取id值為?i1的元素的html代碼。其中?html()是jQuery里的方法。

相當(dāng)于：?document.getElementById("i1").innerHTML;

雖然?jQuery對(duì)象是包裝?DOM對(duì)象后產(chǎn)生的，但是?jQuery對(duì)象無法使用?DOM對(duì)象的任何方法，同理?DOM對(duì)象也沒不能使用?jQuery里的方法。

一個(gè)約定，我們?cè)诼暶饕粋€(gè)jQuery對(duì)象變量的時(shí)候在變量名前面加上$：

var $variable = jQuery對(duì)像 var variable = DOM對(duì)象 $variable[0]//jQuery對(duì)象轉(zhuǎn)成DOM對(duì)象

拿上面那個(gè)例子舉例，jQuery對(duì)象和DOM對(duì)象的使用：

$("#i1").html();//jQuery對(duì)象可以使用jQuery的方法 $("#i1")[0].innerHTML;// DOM對(duì)象使用DOM的方法

五、jQuery內(nèi)容：

選擇器、篩選器

操作標(biāo)簽

事件

動(dòng)畫效果

each、data

下載鏈接：jQuery官網(wǎng)

中文文檔：jQuery AP中文文檔

轉(zhuǎn)載于:https://www.cnblogs.com/ManyQian/p/9135676.html

總結(jié)

以上是生活随笔為你收集整理的前端基础-jQuery的优点以及用法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。