jQuery導入(1)


1.  jQuery的簡單介紹:

    JQ是JS寫的插件庫,即一些js常用的代碼將其封裝好
    JQ能實現的,JS一定可以實現
    JS可以實現的,JQ不一定能實現

2. jQuery的導入方式:

<script  src="jquery/3.4.1/jquery.js"></script>

    其中src屬性中填寫的是jQuery文件的位置,可以寫相對位置,絕對位置或網絡位置。

        例如: 相對位置:在你的項目目錄的下面的位置,則格式為 : XXX/XXX/jquery.js   

                               例如你的目錄是: 在你的html文件同級的JS文件下的jquery.js  那么你的src就可以寫成 JS/jquery.js

            絕對位置:從你的根目錄(即C盤或D盤等等的盤符開始),格式為: C:\xxx\xxx\jquery.js

            網絡路徑:格式為: https://xxx.xxx.xxx/xxx/jquery.js

     因為我的路徑是下面這樣的,

       我的html文件就放在20190509jQuery這個文件中,與jquery這個文件夾同級,所以我的src是  jquery/3.4.1/jquery.js

3. jQuery的導入和測試的例子:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!-- 導入網上下載的jQuery文件 -->
    <script  src="jquery/3.4.1/jquery.js"></script>
    <!-- 我們自己編寫的js -->
    <script>
        // 測試一下是否導入jquery成功
        $(  // jQuery調用匿名函數
            function(){  //匿名函數(功能:彈出123對話框)
                alert(123);    //彈出123對話框(彈出則代表我們導入成功)
            }
        )
    </script>
</body>
</html>

注意: <script>標簽最好是寫在<body>標簽的最下面</body>之前,避免出現:一、js文件過多造成的網頁加載過慢,會降低用戶瀏覽網頁的體驗感

                                     二、html部分未加載完,js文件就已經加載完成,導致獲得html對象的值獲取不到的問題

本文僅為個人學習筆記,如有錯誤歡迎各位隨時指正,如果有python相關問題討論,或文章侵權的問題請隨時發郵件到1730797947@qq.com,我會及時回復或刪除文章。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM