iT邦幫忙

2024 iThome 鐵人賽

DAY 17
0
自我挑戰組

C# 和 SQL 探索之路 - 3系列 第 17

Day 17: 網頁開發的 jQuery 條列式基礎介紹

  • 分享至 

  • xImage
  •  

如果維護 ASP.NET 專案的話,可能都會碰到 jQuery 這套 JavaScript 函式庫吧!老兵不死,只是凋零,而且要快速做一些功能的話,jQuery 還是很好用。

以下是 W3Schools 內 jQuery 測驗的大部分內容,可作為基礎入門參考。

  1. JQuery 是 JavaScript 函式庫,在 Client 端運行,可以和 AJAX 一同使用。
  2. 預設的 jQuery.ajax() 即為非同步作業。
  3. 使用 CSS 選擇器選擇元素。
  4. 使用 $ 作為存取元素的捷徑。$("div") 會取得所有 div 標籤。
  5. 使用 .css() 選擇樣式,如 $("p").css("background-color","red"); 可以將所有 p 元素的背景色改為紅色。
  6. $("div.intro") 會選取所有 class = intro 的 div 元素。
    $("div p") 會選取div 元素裡面的所有 p 元素。
    $("p#intro") 會選取 id = intro 的 p 元素。
  7. 可以使用 hide()show() 隱藏和顯示元素。
  8. $("div").height(100) 將所有 div 元素高度設為 100。
  9. 使用 noConflict() 避免命名衝突。
  10. toggleClass() 可以在新增或移除特定標籤的狀態間切換。
  11. detach()remove() 都可以移除選擇的元素。
  12. $(":disabled") 會選擇所有停用的 input 元素。
  13. parent() 可用來選擇上一層的元素。
  14. animate() 可用在數值類型的 css 屬性。

參考資料


上一篇
Day 16: 網頁開發的 DOM 概念
下一篇
Day 18: 網頁開發的 JSFiddle 測試 JavaScript (含 jQueryUI)
系列文
C# 和 SQL 探索之路 - 330
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言