iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 30
0
Modern Web

淺談web系列 第 30

鐵人賽DAY30-jQuery

  • 分享至 

  • xImage
  •  

一、何謂jQuery
jQuery是一種能夠跨越瀏覽器中JavaScript的程式庫,在2006年由John Resig所提出,是目前全球前10000個存取最高的網站。此技術將HTML、JavaScript、CSS……等的技術融合成一個小小的程式庫,讓使用者在開發時只要將此程式庫匯入進前端程式裡,就可以使用該語法滿足各種需求,大大提升開發者的便利性。

二、jQuery語法

jQuery語法在開始前需要用$來表示語句的開始,中間selector需填入我們所要選取來處理的元素,之後的action需填入我們所要執行的動作,最後的parameter則為該動作所需傳入的參數。

三、jQuery塞選器
1.順序類過濾器:first()→第一個物件、last()→最後一個物件、even()→偶數的物件、odd()→奇數的物件

▲此範例使用first()塞選器,故的第1個會附有此效果

2.範圍類過濾器:eq(n)→第n個物件、gt(n)→第n個以上物件、lt(n)→第n個以下物件

▲此範例使用lt(2)塞選器,故的第0與1個會附有此效果

3.內容塞選器:empty()→內容為空、contains('n')→內容為n、has("li")→包含元素li

▲此範例使用contains(1)塞選器,故文內文中包含2的會附有此效果

4.屬性及類別塞選器:[attribute=n]→屬性為n、[class = n]→類別為n

▲此範例使用[class = test]塞選器,故標籤中包含類別名稱為test的會附有此效果

參考資料:
1.https://www.youtube.com/watch?v=z0EXtlbQtzs&list=PLdSWxzxDhd3EEVbdTanXFWkQbrbuY2O0y&index=4
2.http://article.denniswave.com/5254


上一篇
鐵人賽DAY29-HTML5(四)
系列文
淺談web30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言