Jquery選擇器

$(“#xxxx”)獲取的永遠(yuǎn)是對象,即使網(wǎng)頁上沒有此元素茁瘦,如果要檢查jQuery某個(gè)元素在網(wǎng)頁上是否存在的話品抽,就要根據(jù)獲取元素的長度來判斷,比如:

if("#XXXX").leng>0{? ?}

JQuery選擇器分別為基本選擇器甜熔、層次選擇器圆恤、過濾選擇器和表單選擇器

1. 基本選擇器

$(“#id”):id選擇器

$(“.className”):類名選擇器

$(“element”):元素選擇器

$(“xxx,xxxx,xxx”):混合選擇器

2. 層次選擇器

通過DOM元素之間的層次關(guān)系來獲取特定元素,例如后代元素腔稀,子元素盆昙,相鄰元素和同輩元素等等羽历。

$(“x y”):選取x元素里的所有y元素(后代),$(“div span”):選取div元素里所有span元素

$(“parent>child”):選取parent元素的子元素淡喜,$(“div span”):選取div元素下窄陡,元素名為span的子元素

$(“prev+next'”):選取緊接在prev元素后的next元素,$(“.one+div”)獲取class名為one的下一個(gè)div同輩元素

$(“prev~siblings”):選取prev元素之后的所有silbings同輩元素

其中最后兩個(gè)選擇器拆火,分別可以用:next()和nextAll()方法代替

比如:

$("div").next("span")=$("div+span")

3. 過濾選擇器

主要通過特點(diǎn)的過濾規(guī)則來篩選出所需要的DOM元素,以冒號開頭涂圆,和css中的偽類選擇器一樣们镜。

:first? ? ?選取第一個(gè)元素,$(“div:first”)選取div元素中的第一個(gè)div元素

:last? ? ?選取最后一個(gè)元素润歉,$(“div:last”)選取div元素中的最后一個(gè)div元素

:not(selector)? ? ?去除所有與給定選擇器匹配的元素模狭,$(“input:not(.o)”)選取類名不是o的input元素

:even? ? ?選取索引是偶數(shù)的所有元素,$(“div:even”)選取索引是偶數(shù)的div元素踩衩,從0開始

:odd? ? 選取索引是奇數(shù)的所有元素嚼鹉,$(“div:odd”)選取索引是奇數(shù)的div元素,從0開始

:eq(index)? ? ?選取索引等于index的元素驱富,$(“input:eq(1)”)選取索引為1的input元素

:gt(index)? ? ?選取索引大于index的元素锚赤,$(“input:gt(1)”)選取索引大于1的input元素

:lt(index)? ? ?選取索引小于index的元素,$(“input:lt(1)”)選取索引小于1的input元素

:header? ? ?選取索引標(biāo)題元素

:animated? ? ?選取當(dāng)前正在執(zhí)行動(dòng)畫的所有元素褐鸥,$(“div:animated”)選取正在執(zhí)行動(dòng)畫的div元素

:focus? ? ?選取當(dāng)前獲取焦點(diǎn)的元素线脚,$(“:focus”)

4. 內(nèi)容過濾選擇器

內(nèi)容過濾器的過濾規(guī)則主要體現(xiàn)在他所包含的子元素或文本內(nèi)容上。

:contains(text)? ? ?選取含有文本內(nèi)容為text的元素叫榕,$(“div:contains(“我”)”)選取在div元素中有“我”的元素

:empty? ? ?選取不包含子元素或者文本的空元素浑侥,$(“div:empty”)選取在div元素中沒有子元素的元素

:has(selector)? ? ?選取含有選擇器所匹配的元素的元素,$(“div:has(p)”)選取含有p元素的div元素

:parent? ? ?選取含有子元素或者文本的元素晰绎,$(“div:parent”)選取擁有子元素的

元素

5. 可見性過濾選擇器

根據(jù)元素的可見和不可見狀態(tài)來選擇相應(yīng)的元素寓落。

:hidden? ? ?選取所有不可見的元素

:visible? ? ?選取所有可見的元素

6. 屬性過濾選擇器

通過元素的屬性來獲取相應(yīng)的元素。

[attribute]:選取擁有此屬性的元素荞下,$(“div[id]”)選取div中有id屬性的div元素

[attribute=value]:選取屬性值為value的元素伶选,$(“div[title=test]”)選取在div中title屬性值為test的div元素

[attribute!=value]:選取屬性值不等于value的元素,$(“div[title!=test]”)選取title不等于test的div元素锄弱,沒有title屬性的div元素也會被選

[attribute^=value]:選取屬性值以value開始的元素

[attribute$=value]:選取屬性值以value結(jié)束的元素

[attribute*=value]:選取屬性值含有value的元素

7. 子元素過濾選擇器

:nth-child? ? ?選取每個(gè)父元素下的第index個(gè)子元素或者奇偶元素考蕾,從1開始計(jì)算

:first-child? ? ?選取每個(gè)父元素的第一個(gè)子元素

:lat-child? ? ?選取每個(gè)父元素下的最后一個(gè)子元素

:only-child? ? ?如果某個(gè)元素是他父元素的唯一的子元素,那么他會被選取

8. 表單對象屬性過濾器

對所選擇的表單元素進(jìn)行過濾

:enabled? ? ?選取所有可用元素会宪,$(“#form1:enabled”)選取id為form1的表單內(nèi)所有可用元素

:disabled? ? ?選取所有不可用元素肖卧,$(“#form1:disabled”)選取id為form1的表單內(nèi)所有不可用的元素

:checked? ? ?選取所有被選中的元素(單選,復(fù)選框)掸鹅,$(“input:checked”)選取所有被選中的input元素

:selected? ? ?選取所有被選中的下拉列表元素塞帐,$(“select option:selected”)選取所有被選中的選項(xiàng)元素

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末拦赠,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子葵姥,更是在濱河造成了極大的恐慌荷鼠,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件榔幸,死亡現(xiàn)場離奇詭異允乐,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)削咆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評論 3 385
  • 文/潘曉璐 我一進(jìn)店門牍疏,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人拨齐,你說我怎么就攤上這事鳞陨。” “怎么了瞻惋?”我有些...
    開封第一講書人閱讀 158,369評論 0 348
  • 文/不壞的土叔 我叫張陵厦滤,是天一觀的道長。 經(jīng)常有香客問我歼狼,道長掏导,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,799評論 1 285
  • 正文 為了忘掉前任蹂匹,我火速辦了婚禮碘菜,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘限寞。我一直安慰自己忍啸,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,910評論 6 386
  • 文/花漫 我一把揭開白布履植。 她就那樣靜靜地躺著计雌,像睡著了一般。 火紅的嫁衣襯著肌膚如雪玫霎。 梳的紋絲不亂的頭發(fā)上凿滤,一...
    開封第一講書人閱讀 50,096評論 1 291
  • 那天,我揣著相機(jī)與錄音庶近,去河邊找鬼翁脆。 笑死,一個(gè)胖子當(dāng)著我的面吹牛鼻种,可吹牛的內(nèi)容都是我干的反番。 我是一名探鬼主播,決...
    沈念sama閱讀 39,159評論 3 411
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼罢缸!你這毒婦竟也來了篙贸?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,917評論 0 268
  • 序言:老撾萬榮一對情侶失蹤枫疆,失蹤者是張志新(化名)和其女友劉穎爵川,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體息楔,經(jīng)...
    沈念sama閱讀 44,360評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡寝贡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,673評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了值依。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片兔甘。...
    茶點(diǎn)故事閱讀 38,814評論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖鳞滨,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蟆淀,我是刑警寧澤拯啦,帶...
    沈念sama閱讀 34,509評論 4 334
  • 正文 年R本政府宣布,位于F島的核電站熔任,受9級特大地震影響褒链,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜疑苔,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,156評論 3 317
  • 文/蒙蒙 一甫匹、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧惦费,春花似錦兵迅、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至瞧省,卻和暖如春扯夭,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背鞍匾。 一陣腳步聲響...
    開封第一講書人閱讀 32,123評論 1 267
  • 我被黑心中介騙來泰國打工交洗, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人橡淑。 一個(gè)月前我還...
    沈念sama閱讀 46,641評論 2 362
  • 正文 我出身青樓构拳,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子隐圾,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,728評論 2 351

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

  • 分享人:蔡永堅(jiān) 1. 查看數(shù)據(jù)庫操作記錄 2. 彈窗問題 A頁面通過AlertPage彈出高為200px的B頁面,...
    胡諾閱讀 673評論 0 1
  • jQuery選擇器 jQuery選擇器完全繼承了CSS的風(fēng)格盐碱。學(xué)會使用選擇器是學(xué)習(xí)jQuery的基礎(chǔ)把兔,jQuery...
    AuthorJim閱讀 492評論 0 1
  • jQuery選擇器支持CSS1、CSS2的全部和部分CSS3選擇器瓮顽,同時(shí)也擁有少量獨(dú)有的選擇器县好。jQueryt選擇...
    whatcanhumando閱讀 950評論 0 6
  • 以下是自己在學(xué)習(xí)jQuery時(shí)做的筆記,分享出來 id選擇器例子:$("#id")id是唯一的暖混,每個(gè)id值在一個(gè)頁...
    再見理想冷雨夜閱讀 226評論 0 0
  • 我這個(gè)人吧缕贡,最喜歡一時(shí)興起,當(dāng)然我也知道拣播,我不把自己的思緒理一理晾咪,特別容易被情緒或別人帶偏。那么贮配,我的瑜伽之路整理...
    曾曾的麻麻閱讀 229評論 1 1