溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

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

jQuery入門學習之安裝及語法

發布時間:2020-07-23 05:48:51 來源:網絡 閱讀:449 作者:oulafen 欄目:web開發


說明


jQuery 是一個 JavaScript 函數庫,可大大簡化JavaScript編程。

主要用于

  • HTML 元素選取

  • HTML 元素操作

  • CSS 操作

  • HTML 事件函數

  • JavaScript 特效和動畫

  • HTML DOM 遍歷和修改

  • AJAX

  • Utilities


安裝


方案一:下載jQuery-->把jQuery添加到網頁

兩個版本的 jQuery 可供下載:

  • Production version - 用于實際的網站中,已被精簡和壓縮。

  • Development version - 用于測試和開發(未壓縮,是可讀的代碼)

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

添加到網頁的方法:使用 HTML 的 <script> 標簽在<head>部分引用即可。

方案二通過 CDN(內容分發網絡) 引用它。

谷歌和微軟的服務器都存有 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,有一個很大的優勢:可提高加載速度,減少加載時間。



語法


jQuery 語法是為 HTML 元素的選取編制的,可以對元素執行某些操作。

基礎語法是:$(selector).action()

  • 美元符號定義 jQuery

  • 選擇符(selector)“查詢”和“查找” HTML 元素

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

示例:

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

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

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

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


為了防止文檔在完全加載(就緒)之前運行 jQuery 代碼,所有 jQuery 函數位于 document ready 函數中:

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

還在不斷學習中,更多學習可參看http://www.w3school.com.cn/jquery


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女