jQuery是什么?如何使用?

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

jQuery是一個JavaScript庫,它簡化了客戶端JavaScript編程的過程,特別是針對HTML文檔遍歷和操作、事件處理、動畫效果和Ajax操作。使用jQuery可以更容易地編寫可維護的JavaScript代碼,同時提高了跨瀏覽器的兼容性。

其實 jQuery 就是封裝的一個大型開源庫而已, 提供了若干的方法供我們使用。在我們的開發(fā)過程中, 會用到 js 內(nèi)大量的方法去完成一些功能。

有的時候, 我們會覺得這個方法名字太長, 或者操作相對復雜, 或者使用非常頻繁,那么我們會有意識的將這些方法進行封裝, 然后調(diào)用。

舉個例子 :

在 2006 年以前, 我們獲取元素基本上會用到幾個方法。

// 根據(jù) id 獲取元素

document.getELementById()

// 根據(jù) 標簽名 獲取元素

document.getElementsByTagName()

// 根據(jù) 類名 獲取元素

document.getElementsByClassName()

在開發(fā)過程中, 我們會頻繁的用到這個方法, 那么我會下意識的對他進行封裝。

function getEle(selector) {

if (/^#/.test(selector)) {

return document.getElementById(selector)

} else if (/^\./.test(selector)) {

return document.getElementsByClassName(seelctor)

} else {

return document.getElementsByTagName(selector)

}

}

這樣一來, 我們以后再想獲取元素的時候, 就變得簡單了。

就是這個道理, 在 2006 年的時候, John Resig 就做了這個事情。

整理了大量的 JS 方法, 對其進行篩選和整合,將一類內(nèi)容或者類似內(nèi)容封裝成了一個一個的方法。并且還做了一個超級大的貢獻, 就是在代碼里面講兼容性也處理好了,并且給他封裝的這個大型工具庫起了一個名字叫做 jQuery。

因為最早的 jQuery 其實就是為了解決各種各樣的獲取元素的問題和常見DOM操作,后來才逐步加入的更多的內(nèi)容

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

選擇器 - 獲取元素

篩選器 - 篩選獲取到的元素

DOM 常見操作 - 常規(guī)的 DOM 各種操作都有(屬性, 類名, 樣式, ...)

動畫 - 一些樣式的動畫效果

事件 - 各種各樣的時間綁定

ajax - 前后端交互操作

...

jQuery 使用

需要下載一個 jquery 第三方并引入頁面,使用 npm 下載

npm install jquery

直接使用 cdn 地址

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

引入頁面以后直接使用就可以了

常見插件

因為 jQuery 當年風靡全球, 用起來非常方便簡潔,所以大家都會基于 jQuery 會開發(fā)一些插件, 畢竟在全的開源庫也不可能包含所有內(nèi)容。

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

■ jquery-validation 表單驗證

■ jquery-pagenation 分頁器

■ Animisition 動畫特效

■ ...

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容