jQuery于2006年1月由John Resig在BarCamp NYC首次發(fā)布。它目前由Timmy Wilson領(lǐng)導(dǎo), 并由一組開(kāi)發(fā)人員維護(hù)。

jQuery是一個(gè)JavaScript庫(kù)，它簡(jiǎn)化了客戶端JavaScript編程的過(guò)程，特別是針對(duì)HTML文檔遍歷和操作、事件處理、動(dòng)畫效果和Ajax操作。

使用jQuery可以更容易地編寫可維護(hù)的JavaScript代碼，同時(shí)提高了跨瀏覽器的兼容性。其實(shí) jQuery 就是封裝的一個(gè)大型開(kāi)源庫(kù)而已, 提供了若干的方法供我們使用

在我們的開(kāi)發(fā)過(guò)程中, 會(huì)用到 js 內(nèi)大量的方法去完成一些功能，有的時(shí)候, 我們會(huì)覺(jué)得這個(gè)方法名字太長(zhǎng), 或者操作相對(duì)復(fù)雜, 或者使用非常頻繁，那么我們會(huì)有意識(shí)的將這些方法進(jìn)行封裝, 然后調(diào)用

舉個(gè)例子 :

在 2006 年以前, 我們獲取元素基本上會(huì)用到幾個(gè)方法

// 根據(jù) id 獲取元素
document.getELementById()
 
// 根據(jù) 標(biāo)簽名 獲取元素
document.getElementsByTagName()
 
// 根據(jù) 類名 獲取元素
document.getElementsByClassName()

在開(kāi)發(fā)過(guò)程中, 我們會(huì)頻繁的用到這個(gè)方法, 那么我會(huì)下意識(shí)的對(duì)他進(jìn)行封裝

function getEle(selector) {
    if (/^#/.test(selector)) {
        return document.getElementById(selector)
    } else if (/^\./.test(selector)) {
        return document.getElementsByClassName(seelctor)
    } else {
        return document.getElementsByTagName(selector)
    }
}

這樣一來(lái), 我們以后再想獲取元素的時(shí)候, 就變得簡(jiǎn)單了

就是這個(gè)道理, 在 2006 年的時(shí)候, John Resig 就做了這個(gè)事情

整理了大量的 JS 方法, 對(duì)其進(jìn)行篩選和整合，將一類內(nèi)容或者類似內(nèi)容封裝成了一個(gè)一個(gè)的方法，并且還做了一個(gè)超級(jí)大的貢獻(xiàn), 就是在代碼里面講兼容性也處理好了。

并且給他封裝的這個(gè)大型工具庫(kù)起了一個(gè)名字叫做 jQuery，因?yàn)樽钤绲?jQuery 其實(shí)就是為了解決各種各樣的獲取元素的問(wèn)題和常見(jiàn)DOM操作，后來(lái)才逐步加入的更多的內(nèi)容。

到目前為止, jQuery 包含的大致內(nèi)容

• 選擇器 - 獲取元素
• 篩選器 - 篩選獲取到的元素
• DOM 常見(jiàn)操作 - 常規(guī)的 DOM 各種操作都有(屬性, 類名, 樣式, ...)
• 動(dòng)畫 - 一些樣式的動(dòng)畫效果
• 事件 - 各種各樣的時(shí)間綁定
• ajax - 前后端交互操作

 jQuery 使用

需要下載一個(gè) jquery 第三方并引入頁(yè)面，使用 npm 下載

npm install jquery

直接使用 cdn 地址

<script 
src="https://code.jquery.com/jquery-3.1.ja1.min.js"></script>

引入頁(yè)面以后直接使用就可以了

常見(jiàn)插件

因?yàn)?jQuery 當(dāng)年風(fēng)靡全球, 用起來(lái)非常方便簡(jiǎn)潔，所以大家都會(huì)基于 jQuery 會(huì)開(kāi)發(fā)一些插件, 畢竟再全的開(kāi)源庫(kù)也不可能包含所有內(nèi)容。

常用的一些內(nèi)容

jquery-validation表單驗(yàn)證，jquery-pagenation 分頁(yè)器，Animisition 動(dòng)畫特效 ...，太多了, 隨便一查就是一大堆, 你可以去嘗試使用一下, 你會(huì)愛(ài)上它的。

到此這篇關(guān)于一文帶你詳細(xì)了解jQuery的文章就介紹到這了,更多相關(guān)了解jQuery內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論