iT邦幫忙

2023 iThome 鐵人賽

DAY 22
0
Modern Web

打造你的第一個網站系列 第 22

第二十二天:引用jQuery至專案中

  • 分享至 

  • xImage
  •  

何謂jQuery?
維基百科上面這樣介紹: jQuery是一套跨瀏覽器的JavaScript函式庫,用於簡化HTML與JavaScript之間的操作。
在我們寫網頁的過程中,經常需要捕捉滑鼠的事件,有了jQuery之後這一切變得簡單很多。

引用jQuery至專案中。首先,先連上之前我們用過的CDNJS,並且輸入jquery
我們直接選擇最新版本,並複製網址,
https://ithelp.ithome.com.tw/upload/images/20231002/2014962503XLgqJZy2.png

接下來回到VSCODE,
<body></body>標籤的最後我們加上下面這一段

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"> </script>

中間是我們剛才複製的網址。

引用自己的腳本,
https://ithelp.ithome.com.tw/upload/images/20231002/20149625Uv7Wp4T92t.png

在VSCODE上新增資料夾JS並新增空白檔案main.js
接著在<body></body>標籤的最後我們加上下面這一段

<script src="./js/main.js"></script>

接下來就可以開始開發自己的腳本囉。


上一篇
第二十一天-CSS定位進階範例(二)
下一篇
第二十三天 jQuery腳本開發
系列文
打造你的第一個網站32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言