jquery 選擇器

最近進新公司直晨,讓我把jquery選擇器稍微再看下策泣,我就正好再整理一下jquery,關(guān)于jquery,我覺著最重要的也就是選擇器和事件了梢为,其中選擇器你必須記憶一番,你先要能夠選擇到你的對象技矮,然后給他添加事件抖誉,關(guān)于事件,你只要去看文檔衰倦,你想要什么效果袒炉,查一下就知道,jq關(guān)鍵還是選擇器吧樊零,鄙人之見而已我磁!

下面是我參照文檔整理的一些選擇器,和自己的一些理解(參考文獻驻襟,這個比w3c詳細點)


基本過濾選擇器

1夺艰,最常用的

#id

.class

element ? ?eg:$("div")

selector1,selector2,...selectorN 多個選擇器共同操作

2,層級選擇器

$("ancestor descendant")選取ancestor元素里的所有descendant元素后代

$("parent>child") 選取parent元素下的child元素沉衣,第一個子元素

eg:



我也是醉了郁副,html會被直接寫出來,果然沒有markdown好

$("pre + next")選取緊接在pre元素后的next元素

等價于$("pre").next("next")

$("pre~siblings") 選取pre元素之后的所有兄弟元素(有位置限定豌习,前面的就選不到了)

等價于$("pre").nextAll("div")

siblings()方法則與位置無關(guān)

3存谎,內(nèi)容過濾選擇器

:contains(text)

eg:$("div:contains("我")")選取含有文本"我"的div元素

:empty

eg:$("div:empty")選取不包含資源稅的div空元素

:has(selector)

eg:$("div:has(p)")選取含有P元素的div元素

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

eg: $("input:hidden")

:visible 選取所有可見的元素

獲取多選框選中的個數(shù):

$("input:checked").length

獲取下拉框選中的內(nèi)容(多一個空格表示他的子元素)

$("select ?:selected").text();

獲取title為test的div

$("div[title='test']");

獲取name是items且當前元素有checkbox的元素

$("[name=items]:checkbox")

獲取name是items的元素 有checkbox的子元素

$("[name=items] :checkbox")

4肥隆,偽類選擇器

在一堆相同元素中選擇(eg: 多個div)

:first ? 第一個

:last ?最后一個

:not(selector) 不包括

:even ?基數(shù)

:odd ?偶數(shù)

:eq(index)索引等于從0開始

:gt(index)大于

:lt(index)小于

:header 選取所有的標題

匹配如 h1, h2, h3之類的標題元素

:animated選取當前只在執(zhí)行動畫的所有元素

:lang(language) 指定語言的所有元素

$("div:lang(en)")將匹配

?and?

(和他們的后代

:hidden?匹配所有不可見元素既荚,或者type為hidden的元素

:focus?匹配當前獲取焦點的元素

5,其他

[attribute=value]匹配給定的屬性是某個特定值的元素

eg:$("input[name='newsletter']")

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末栋艳,一起剝皮案震驚了整個濱河市恰聘,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖晴叨,帶你破解...
    沈念sama閱讀 219,188評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件凿宾,死亡現(xiàn)場離奇詭異,居然都是意外死亡兼蕊,警方通過查閱死者的電腦和手機菌湃,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來遍略,“玉大人,你說我怎么就攤上這事骤坐⌒餍樱” “怎么了?”我有些...
    開封第一講書人閱讀 165,562評論 0 356
  • 文/不壞的土叔 我叫張陵纽绍,是天一觀的道長蕾久。 經(jīng)常有香客問我,道長拌夏,這世上最難降的妖魔是什么僧著? 我笑而不...
    開封第一講書人閱讀 58,893評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮障簿,結(jié)果婚禮上盹愚,老公的妹妹穿的比我還像新娘。我一直安慰自己站故,他們只是感情好皆怕,可當我...
    茶點故事閱讀 67,917評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著西篓,像睡著了一般愈腾。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上岂津,一...
    開封第一講書人閱讀 51,708評論 1 305
  • 那天虱黄,我揣著相機與錄音,去河邊找鬼吮成。 笑死橱乱,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的赁豆。 我是一名探鬼主播仅醇,決...
    沈念sama閱讀 40,430評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼魔种!你這毒婦竟也來了析二?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,342評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎叶摄,沒想到半個月后属韧,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,801評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡蛤吓,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,976評論 3 337
  • 正文 我和宋清朗相戀三年宵喂,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片会傲。...
    茶點故事閱讀 40,115評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡锅棕,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤冯事,帶...
    沈念sama閱讀 35,804評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站德绿,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏退渗。R本人自食惡果不足惜移稳,卻給世界環(huán)境...
    茶點故事閱讀 41,458評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望会油。 院中可真熱鬧个粱,春花似錦、人聲如沸钞啸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽体斩。三九已至梭稚,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間絮吵,已是汗流浹背弧烤。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留蹬敲,地道東北人暇昂。 一個月前我還...
    沈念sama閱讀 48,365評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像伴嗡,于是被迫代替她去往敵國和親急波。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,055評論 2 355

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