層次選擇器:
("div li")獲取div下的所有li元素(后代、子、子的子......)
("div>li")獲取div下的直接li子元素。
(".menuitem+div")獲取樣式名為menuitem之后的第一個div元素(不常用)。
(".menuitemdiv")獲取樣式名為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碼)。
文章列表
