jQuery Selector & Functions

selectors

$("typename"): 選擇所有type名稱為typename的要素

ex: $("div")


$(".classname"): 選擇所有class名稱為classname的要素

ex: $(".email")


$(type[name=elementname]): 選擇type相符且名稱為elementname的要素 (完全比對)

ex: $("tbody[name=server1]")


$("type[name^=elementname]"): 選擇type相符且名稱部分符合的要素 (部分比對)

ex: $("tbody[name^=server]") 同樣可以選擇到server1，也可選到server2。
  

$("#id"): 選擇id相同的要素

ex: $("#test")


$(this): 用在函數裡，表示此函數的對象要素。(要加括弧，不加是別的意思)

ex: $("this")

Functions

.children("")

選擇此要素下一層，符合括弧搜尋條件的子要素。只能掃下一層。

 ex: $("this").children("#take")

.find("")

選擇此要素下，符合括弧搜尋條件的子要素。可多層搜尋。

 ex: $("this").find(".email")

.closest("")

選擇此要素上方，符合括弧搜尋條件且最靠近的母要素。可多層搜尋。
 
 ex: $("this").closest("#take")

.val()

jQuery物件和要素不完全一致，後者取值用.value，前者要用.val()。至於給值，直接寫在括弧裡面即可。

 ex: $("this").find("input[name=email]").val()
          $("this").find("input[name=email]").val("donki@gmail.com")

.prop("checked")

checkbox取值函數，attr在新版jQuery中已不支援。

 ex: $("this").prop("checked")