jQuery是什么及怎么使用

這篇文章主要介紹“jQuery是什么及怎么使用”，在日常操作中，相信很多人在jQuery是什么及怎么使用問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”jQuery是什么及怎么使用”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

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

jQuery是一個JavaScript庫，它簡化了客戶端JavaScript編程的過程，特別是針對HTML文檔遍歷和操作、事件處理、動畫效果和Ajax操作。

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

在我們的開發過程中, 會用到 js 內大量的方法去完成一些功能，有的時候, 我們會覺得這個方法名字太長, 或者操作相對復雜, 或者使用非常頻繁，那么我們會有意識的將這些方法進行封裝, 然后調用

舉個例子 :

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

// 根據 id 獲取元素
document.getELementById()
 
// 根據 標簽名 獲取元素
document.getElementsByTagName()
 
// 根據 類名 獲取元素
document.getElementsByClassName()

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

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 方法, 對其進行篩選和整合，將一類內容或者類似內容封裝成了一個一個的方法，并且還做了一個超級大的貢獻, 就是在代碼里面講兼容性也處理好了。

并且給他封裝的這個大型工具庫起了一個名字叫做 jQuery，因為最早的 jQuery 其實就是為了解決各種各樣的獲取元素的問題和常見DOM操作，后來才逐步加入的更多的內容。

到目前為止, jQuery 包含的大致內容

• 選擇器 - 獲取元素

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

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

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

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

• ajax - 前后端交互操作

 jQuery 使用

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

npm install jquery

直接使用 cdn 地址

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

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

常見插件

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

常用的一些內容

jquery-validation表單驗證，jquery-pagenation 分頁器，Animisition 動畫特效 ...，太多了, 隨便一查就是一大堆, 你可以去嘗試使用一下, 你會愛上它的。

到此，關于“jQuery是什么及怎么使用”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！