jQuery 選擇器
jQuery 選擇器允許您對 HTML 元素組或單個元素進行操作忍捡。
jQuery 選擇器基于元素的 id集漾、類、類型砸脊、屬性具篇、屬性值等"查找"(或選擇)HTML 元素。 它基于已經(jīng)存在的 CSS 選擇器凌埂,除此之外驱显,它還有一些自定義的選擇器。
jQuery 中所有選擇器都以美元符號開頭:$()侨舆。
元素選擇器
jQuery 元素選擇器基于元素名選取元素秒紧。
在頁面中選取所有 <p> 元素:
$("p")
id 選擇器
jQuery #id 選擇器通過 HTML 元素的 id 屬性選取指定的元素。
頁面中元素的 id 應該是唯一的挨下,所以您要在頁面中選取唯一的元素需要通過 #id 選擇器。
通過 id 選取元素語法如下:
$("#test")
.class 選擇器
jQuery 類選擇器可以通過指定的 class 查找元素脐湾。
語法如下:
$(".test")
實例
用戶點擊按鈕后所有帶有 class="test" 屬性的元素都隱藏
語法 描述
$("ul li:first") 選取第一個 <ul> 元素的第一個 <li> 元素
$("ul li:first-child") 選取每個 <ul> 元素的第一個 <li> 元素
$("[href]") 選取帶有 href 屬性的元素
$("a[target='_blank']") 選取所有 target 屬性值等于 "_blank" 的 <a> 元素
$("a[target!='_blank']") 選取所有 target 屬性值不等于 "_blank" 的 <a> 元素
$(":button") 選取所有 type="button" 的 <input> 元素 和 <button> 元素
$("tr:even") 選取偶數(shù)位置的 <tr> 元素
$("tr:odd") 選取奇數(shù)位置的 <tr> 元素
jQuery 事件
jQuery 是為事件處理特別設計的臭笆。
常見 DOM 事件:
鼠標事件 鍵盤事件 表單事件 文檔/窗口事件
click keypress submit load
dblclick keydown change resize
mouseenter keyup focus scroll
mouseleave blur unload
Query 事件方法語法
在 jQuery 中,大多數(shù) DOM 事件都有一個等效的 jQuery 方法秤掌。
頁面中指定一個點擊事件:
$("p").click();
下一步是定義什么時間觸發(fā)事件愁铺。您可以通過一個事件函數(shù)實現(xiàn):
$("p").click(function(){
// 動作觸發(fā)后執(zhí)行的代碼!!
});
hover()
hover()方法用于模擬光標懸停事件。
當鼠標移動到元素上時闻鉴,會觸發(fā)指定的第一個函數(shù)(mouseenter);當鼠標移出這個元素時茵乱,會觸發(fā)指定的第二個函數(shù)(mouseleave)。
focus()
當元素獲得焦點時孟岛,發(fā)生 focus 事件瓶竭。
當通過鼠標點擊選中元素或通過 tab 鍵定位到元素時督勺,該元素就會獲得焦點。
focus() 方法觸發(fā) focus 事件斤贰,或規(guī)定當發(fā)生 focus 事件時運行的函數(shù)
blur()
當元素失去焦點時智哀,發(fā)生 blur 事件。
blur() 方法觸發(fā) blur 事件荧恍,或規(guī)定當發(fā)生 blur 事件時運行的函數(shù)