溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

jQuery入門學(xué)習(xí)之安裝及語法

發(fā)布時間：2020-07-23 05:48:51 來源：網(wǎng)絡(luò) 閱讀：400 作者：oulafen 欄目：web開發(fā)

說明

jQuery 是一個 JavaScript 函數(shù)庫，可大大簡化JavaScript編程。

主要用于

  • HTML 元素選取

  • HTML 元素操作

  • CSS 操作

  • HTML 事件函數(shù)

  • JavaScript 特效和動畫

  • HTML DOM 遍歷和修改

  • AJAX

  • Utilities

安裝

方案一：下載jQuery-->把jQuery添加到網(wǎng)頁

兩個版本的 jQuery 可供下載：

  • Production version - 用于實(shí)際的網(wǎng)站中，已被精簡和壓縮。

  • Development version - 用于測試和開發(fā)（未壓縮，是可讀的代碼）

    下載地址http://jquery.com/download/

添加到網(wǎng)頁的方法：使用 HTML 的 <script> 標(biāo)簽在<head>部分引用即可。

方案二：通過 CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)） 引用它。

谷歌和微軟的服務(wù)器都存有 jQuery 。引用方法如下：

Microsoft CDN:

<head><script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script></head>

Google CDN:

<head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script></head>

使用谷歌或微軟的 jQuery，有一個很大的優(yōu)勢：可提高加載速度，減少加載時間。


語法

jQuery 語法是為 HTML 元素的選取編制的，可以對元素執(zhí)行某些操作。

基礎(chǔ)語法是：$(selector).action()

  • 美元符號定義 jQuery

  • 選擇符（selector）“查詢”和“查找” HTML 元素

  • jQuery 的 action() 執(zhí)行對元素的操作

示例：

       $(this).hide() - 隱藏當(dāng)前元素

       $("p").hide() - 隱藏所有段落

       $(".test").hide() - 隱藏所有 class="test" 的所有元素

       $("#test").hide() - 隱藏所有 id="test" 的元素


為了防止文檔在完全加載（就緒）之前運(yùn)行 jQuery 代碼，所有 jQuery 函數(shù)位于 document ready 函數(shù)中：

$(document).ready(function(){--- jQuery functions go here ----});

還在不斷學(xué)習(xí)中，更多學(xué)習(xí)可參看http://www.w3school.com.cn/jquery


向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手