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,我會及時回復或刪除文章。