JQuery筆記（一）

644866551 10年前發布 | 15K 次閱讀 jQuery Ajax框架

JQuery是優秀的javascript框架。
下載和使用
html中使用jquery的方法有兩種：
1.下載jquery，并在html中引用

<script type="text/javascript" src="jquery.js"></script>

2.從 Google 或 Microsoft 加載 CDN jQuery 核心文件

<head>
<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js">
</script>
</head>
<head>
<script type="text/javascript" 
src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js">
</script>
</head>

引用google或者微軟的cdn核心文件有個優點是如果用戶剛好已經調用過谷歌或者微軟的cdn核心文件，那么就可以直接從瀏覽器緩存中加載了，可以省去一些時間。


Jquery的基本語法

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

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

  • 美元符號定義 jQuery

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

  • jQuery 的 action() 執行對元素的操作
    • </ul>

    示例

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

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

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

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


    所有 jQuery 函數位于一個 document ready 函數中：
    $(document).ready(function(){--- jQuery functions go here ---- });

    這是為了防止文檔在完全加載（就緒）之前運行 jQuery 代碼



 本文由用戶 644866551 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！