iT邦幫忙

2021 iThome 鐵人賽

DAY 15
0
Modern Web

33歲轉職者的前端筆記系列 第 15

33歲轉職者的前端筆記-DAY 15 jQuery 基礎語法

  • 分享至 

  • xImage
  •  

什麼是jQuery

  • 由js發開出來的函式庫
  • 可以解決瀏覽器相容的問題
  • 雖然由js開發出來,但不完全等於js,只是用jQuery的語法寫出來而已
  • 引入方式:下載後放到專案資料夾在引入
  • jQuery要先引進,下面才能寫js

官方文件請點此

https://ithelp.ithome.com.tw/upload/images/20210915/20120789J034qoRJZy.jpg

寫法

https://ithelp.ithome.com.tw/upload/images/20210915/2012078934o1JdfyVf.png

$('這邊寫CSS選取器')一定要記得加點"."才會選取到class

$('.box').addClass('new'); 新增class
$('.amos').removeClass('amos'); 移除class

點擊事件:

當要點擊時,語法是 click

$('.box').click(function () {

})

上一篇
33歲轉職者的前端筆記-DAY 14 排版技巧小筆記-標籤屬性元素及定位方法
下一篇
33歲轉職者的前端筆記-DAY 16 使用 jQuery 寫出動畫效果
系列文
33歲轉職者的前端筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言