文章出處


層次選擇器:
  $("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碼)。



文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()