本篇文章用條列式整理了 W3Schools 內 jQuery 測驗的大部分內容,可作為基礎入門參考。
內容
- JQuery 是 JavaScript 函式庫,在 Client 端運行,可以和 AJAX 一同使用。
- 預設的
jQuery.ajax()
即為非同步作業。 - 使用 CSS 選擇器選擇元素。
- 使用
$
作為存取元素的捷徑。$("div")
會取得所有 div 標籤。 - 使用
.css()
選擇樣式,如$("p").css("background-color","red");
可以將所有 p 元素的背景色改為紅色。 $("div.intro")
會選取所有 class = intro 的 div 元素。$("div p")
會選取div 元素裡面的所有 p 元素。$("p#intro")
會選取 id = intro 的 p 元素。- 可以使用
hide()
和show()
隱藏和顯示元素。 $("div").height(100)
將所有 div 元素高度設為 100。- 從 Google 引用 jQuery 函式庫。
- 使用
noConflict()
避免命名衝突。 toggleClass()
可以在新增或移除特定標籤的狀態間切換。detach()
和remove()
都可以移除選擇的元素。$(":disabled")
會選擇所有停用的 input 元素。parent()
可用來選擇上一層的元素。animate()
可用在數值類型的 css 屬性。