首頁 >web前端 >js教程 >jQuery框架概述

jQuery框架概述

善始善终原創: 2020-08-26 22:16:55253瀏覽

1. jQuery是一個JavaScript函數函式庫。 jQuery是個輕量級的"寫的少，做的多"的JavaScript函式庫。 jQuery庫包含以下功能：

HTML 元素選取
HTML 元素操作
CSS 操作
HTML 事件函數
JavaScript 特效與動畫
HTML DOM 遍歷與修改
AJAX
Utilities

2.jQury優點

輕量級、強大的選擇器、出色的DOM操作的封裝、可靠的事件處理機制、完善的Ajax、不污染頂級變數、出色的瀏覽器相容性、鍊式操作方式、隱式迭代、行為層與結構層的分離、豐富的插件支援:、完善的文件、開源。

3. 可以透過多種方法在網頁中加入 jQuery。你可以使用以下方法：

從jquery.com 下載jQuery 函式庫
##從CDN 載入jQuery, 如從Google 載入jQuery

4. 官網下載jQuery

（1）進入官網（https://jquery.com/download/）

（2）單擊"Download jQuery"按鈕進入下載頁面

##（3）有兩個版本的jQuery 可供下載：

5. CDN設定jQUery

如果你不希望下載並存放 jQuery，那麼也可以透過 CDN（內容傳遞網路）引用它。 Staticfile CDN、百度、又拍雲端、新浪、Google和微軟的伺服器都存有 jQuery 。如果你的網站使用者是國內的，建議使用百度、又拍雲、新浪等國內CDN地址，如果你網站使用者是國外的可以使用Google和微軟。例如你想使用百度的CDN，你可以透過以下方式：

<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>

6. jQuery語法

jQuery 語法是透過選取 HTML 元素，並對選取的元素執行某些動作。

基礎語法： $(selector).action()

##選擇符號（selector） "查詢"和"查找" HTML 元素
jQuery 的action() 執行對元素的操作
實例:

$(this).hide() - 隱藏目前元素

#$("p").hide() - 隱藏所有e388a4556c0f65e1904146cc1a846bee 元素
$("p.test").hide() - 隱藏所有的e388a4556c0f65e1904146cc1a846bee 元素
##$("#test" ).hide() - 隱藏id="test" 的元素
7. jQuery入口函數

// 開始寫jQuery 程式碼...

});

#簡稱模式：

$(function(){

/ / 開始寫jQuery 程式碼...

});

以上是jQuery框架概述的詳細內容。更多資訊請關注PHP中文網其他相關文章！

JavaScript jquery css ajax html 封装 function 事件 dom this 选择器 https

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：10個從喜到悲的Angular面試題下一篇：10個從喜到悲的Angular面試題

看更多