jQuery選取器與事件學習筆記

標籤：har   ascii碼   tar   列表   key   ctr   nim   menuitem   鍵盤   

層次選取器：
  $("div li")擷取div下的所有li元素(後代、子、子的子......)
  $("div>li")擷取div下的直接li子項目。
  $(".menuitem+div")擷取樣式名為menuitem之後的第一個div元素（不常用）。
  $(".menuitem~div")擷取樣式名為menuitem之後所有的div元素（不常用）。

基本過濾選取器:
  :first選取第一個元素。$("div:first")選取第一個<div>
  :last選取最後一個元素。$("div:last")選取最後一個<div>
  :not(選取器)選取不滿足“選取器”條件的元素。$("input:not(.myClass)")選取樣式名不是myClass的<input>
  :even、:odd，選取索引是奇數、偶數的元素：$("input:even")選取索引是奇數的<input>
  :eq(索引序號)、:gt(索引序號)、:lt(索引序號)選取索引等於、大於、小於、索引序號的元素，比如$("input:lt(5)")選取索引小於5的<input>
  $(":header")選取所有的h1......h6元素。
  $("div:animated")選取正在執行動畫的<div>元素。

屬性過濾選取器：
  $("div[id]")選取有id屬性的<div>
  $("div[title=test]")選取title屬性為“test”的<div>，JQuery中沒有對getElementByName進行封裝，用$("input[name=abc]")
  $("div[title!=test]")選取title屬性不為“test”的<div>
  還可以選擇開頭、結束、包含等，條件還可以複合。

表單對象選取器（過濾器）：
  $("#form1:eneabled")選取id為form1的表單內所有啟用的元素
  $("#form1:disabled")選取id為form1的表單內所有禁用的元素
  $("input:chedked")選取所有選中的元素(Radio、ChekBox)
  $("select:selected")選取所有選中的選項元素（下拉式清單）

表單選取器
  $(":input")選取所有<input>、<textarea>、<select>和<button>元素，和$("input")不一樣，$("input")只獲得<input>
  $(":text")選取所有單行文字框，等價於$("input[type=text]")
  $(":password")選取所有密碼框。同理有有：:radio、:checkbox、:submit、:image、:reset、:button、:file、:hidden。

節點遍曆
  next()方法用於擷取節點後的挨著第一個同輩元素，
  $(".menuitem").next("div")、nextAll方法用於擷取節點後的所有同輩元素，
  $(".menuitem").nextAll("div")
  siblings()方法用於擷取所有同輩元素，$(".menuitem").siblings("li")

事件綁定
  //執行一次後失效的事件
  $(":button").one("click", function (e) {}
  //綁定事件
  $(":button").bind("click", function (e) {
    
  });

  $(":button").bind("click", function (e) {
    
  });
  //取消綁定事件
  $(":button").unbind("click");


  事件對象e:
  屬性：pageX、pageY、target獲得觸發事件的元素(冒泡的起始，也就是冒泡的源，和this不一樣,this指在哪個控制項上監聽的那個控制項的對象).
  which如果是滑鼠事件獲得按鍵(1左鍵，2中鍵，3右鍵.
  altKey、shiftKey、ctrlKey獲得alt、shift、ctrl是否按下，為bool值。keyCode、charCode屬性發生時間時的keyCode(鍵盤碼，小鍵盤的1和主鍵盤的keyCode不一樣)、charCode（ASCII碼）。

jQuery選取器與事件學習筆記