# jQuery 筆記 by 夏天

---
###### tags: `夏天` `第三週` `jQuery` `2021夏季切版班`
---

參考影片
1. 六角學院 https://www.youtube.com/watch?v=GVWOIP-HX70
2. Amos大神 https://www.youtube.com/watch?v=CDO8AkK2HnE

---

html和css來看就像是ps軟體，但要讓這些內容加上些動態的內容就需要動畫，jQuery就是動畫元素，用js來寫可能會有瀏覽器問題，jQuery就是已經幫大家寫好JS的一些資料和統整版本過後的包裝功能。

## jQuery的起手式〃**$**〃

* 首先去官網下載jQuert
>>如果要在網頁中直接測試jQuery的功能，直接到console裡即可
>>jQuery最大的好處是程式很短

>>ex1. 隱藏所有a連結→ $("a").hide();
>>ex2. 滾動後a連結10秒不見 →$("a").slideUp(10000);

* 動態修改html和css的值，寫好之後就會慢慢依照所下的程式去執行
* 如果不下載可cdnjs引用即可，js檔案通常放在body最後面

* 第一步驟，jQuery寫在all.js檔案中
* 一秒建立jQ環境
1. 記得檢查是否拼錯id(#)/class(.)選擇器
2. 是否存檔，存檔才會被執行

* 多個jQuery指令寫法
每個指令前都須加上"**$**"，後面則須加上"**;**"

* jQuery鏈式寫法(意思即是執行完a後隨即執行b)

---
* jQuery字典
* https://oscarotero.com/jquery/ (老師推薦)
* https://api.jquery.com/jquery/
* https://api.jquery.com/
*(懶人中文版https://www.jquery123.com/)

---
最常使用effect(特效功能)
* toggle()有就刪除，沒有就添加
* addClass()
* slideUp()
* attr("href","網址")改變a連結的網頁
* scroll()
* resize()
---

分析網頁使用了那些工具
* https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?hl=zh-TW