jQuery選擇器

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ù)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末瓷叫,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子送巡,更是在濱河造成了極大的恐慌摹菠,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,542評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件骗爆,死亡現(xiàn)場離奇詭異次氨,居然都是意外死亡,警方通過查閱死者的電腦和手機淮腾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,596評論 3 385
  • 文/潘曉璐 我一進店門糟需,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人谷朝,你說我怎么就攤上這事洲押。” “怎么了圆凰?”我有些...
    開封第一講書人閱讀 158,021評論 0 348
  • 文/不壞的土叔 我叫張陵杈帐,是天一觀的道長。 經(jīng)常有香客問我专钉,道長挑童,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,682評論 1 284
  • 正文 為了忘掉前任跃须,我火速辦了婚禮站叼,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘菇民。我一直安慰自己尽楔,他們只是感情好,可當我...
    茶點故事閱讀 65,792評論 6 386
  • 文/花漫 我一把揭開白布第练。 她就那樣靜靜地躺著阔馋,像睡著了一般。 火紅的嫁衣襯著肌膚如雪娇掏。 梳的紋絲不亂的頭發(fā)上呕寝,一...
    開封第一講書人閱讀 49,985評論 1 291
  • 那天,我揣著相機與錄音婴梧,去河邊找鬼下梢。 笑死客蹋,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的怔球。 我是一名探鬼主播嚼酝,決...
    沈念sama閱讀 39,107評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼竟坛!你這毒婦竟也來了闽巩?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,845評論 0 268
  • 序言:老撾萬榮一對情侶失蹤担汤,失蹤者是張志新(化名)和其女友劉穎涎跨,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體崭歧,經(jīng)...
    沈念sama閱讀 44,299評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡隅很,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,612評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了率碾。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片叔营。...
    茶點故事閱讀 38,747評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖所宰,靈堂內(nèi)的尸體忽然破棺而出绒尊,到底是詐尸還是另有隱情,我是刑警寧澤仔粥,帶...
    沈念sama閱讀 34,441評論 4 333
  • 正文 年R本政府宣布婴谱,位于F島的核電站,受9級特大地震影響躯泰,放射性物質(zhì)發(fā)生泄漏谭羔。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,072評論 3 317
  • 文/蒙蒙 一麦向、第九天 我趴在偏房一處隱蔽的房頂上張望瘟裸。 院中可真熱鬧,春花似錦诵竭、人聲如沸景描。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,828評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至向族,卻和暖如春呵燕,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背件相。 一陣腳步聲響...
    開封第一講書人閱讀 32,069評論 1 267
  • 我被黑心中介騙來泰國打工再扭, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留氧苍,地道東北人。 一個月前我還...
    沈念sama閱讀 46,545評論 2 362
  • 正文 我出身青樓泛范,卻偏偏與公主長得像让虐,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子罢荡,可洞房花燭夜當晚...
    茶點故事閱讀 43,658評論 2 350

推薦閱讀更多精彩內(nèi)容