JQuery學(xué)習(xí)隨筆(二) - 語(yǔ)法及選擇器

世界總是運(yùn)行在可知的軌跡當(dāng)中瞧甩,只等著我們?nèi)グl(fā)現(xiàn)

jQuery 語(yǔ)法

  • $(this).hide() 隱藏當(dāng)前的 HTML 元素萌朱。
  • $("#test").hide() 隱藏 id="test" 的元素凹炸。
  • $("p").hide() 隱藏所有<p>元素赏半。
  • $(".test").hide() 隱藏所有 class="test" 的元素醉蚁。
  • 基礎(chǔ)語(yǔ)法是:$(selector).action()
    • 美元符號(hào)定義 jQuery
    • 選擇符(selector)“查詢”和“查找” HTML 元素
    • jQuery 的 action() 執(zhí)行對(duì)元素的操作

提示:jQuery 使用的語(yǔ)法是 XPath 與 CSS 選擇器語(yǔ)法的組合窟绷。

jQuery 選擇器

  • jQuery 使用 CSS 選擇器來(lái)選取 HTML 元素。
    • $("p") 選取 <p>元素接奈。
    • $("p.intro") 選取所有 class="intro" 的 <p> 元素踢涌。
    • $("p#demo") 選取所有 id="demo" 的 <p> 元素。
  • jQuery 使用 XPath 表達(dá)式來(lái)選擇帶有給定屬性的元素序宦。
    • $("[href]") 選取所有帶有 href 屬性的元素睁壁。
    • $("[href='#']") 選取所有帶有 href 值等于 "#" 的元素。
    • $("[href!='#']") 選取所有帶有 href 值不等于 "#" 的元素互捌。
    • $("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結(jié)尾的元素潘明。

jQuery 選擇器的能力描述

  • 可以定位到class屬性
  • 可以定位到id屬性
  • 可以定位到所有屬性
  • 可以定位到所有類型的標(biāo)簽
  • 可以定位一定范圍的標(biāo)簽,前幾個(gè)秕噪,后幾個(gè)钳降,或者哪里的前幾個(gè),哪里的后幾個(gè)
  • 可以定位到奇數(shù)行和偶數(shù)行
  • 可以定位到可見與不可見的標(biāo)簽
  • 可以使用幾個(gè)條件來(lái)精確定位一個(gè)標(biāo)簽
  • 可以定位所有動(dòng)畫

參考文獻(xiàn):
w3school 在線教程

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末腌巾,一起剝皮案震驚了整個(gè)濱河市遂填,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌澈蝙,老刑警劉巖吓坚,帶你破解...
    沈念sama閱讀 222,946評(píng)論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異碉克,居然都是意外死亡凌唬,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,336評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門漏麦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)客税,“玉大人,你說我怎么就攤上這事撕贞「埽” “怎么了?”我有些...
    開封第一講書人閱讀 169,716評(píng)論 0 364
  • 文/不壞的土叔 我叫張陵捏膨,是天一觀的道長(zhǎng)秧均。 經(jīng)常有香客問我,道長(zhǎng)号涯,這世上最難降的妖魔是什么目胡? 我笑而不...
    開封第一講書人閱讀 60,222評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮链快,結(jié)果婚禮上誉己,老公的妹妹穿的比我還像新娘。我一直安慰自己域蜗,他們只是感情好巨双,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,223評(píng)論 6 398
  • 文/花漫 我一把揭開白布噪猾。 她就那樣靜靜地躺著,像睡著了一般筑累。 火紅的嫁衣襯著肌膚如雪袱蜡。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,807評(píng)論 1 314
  • 那天慢宗,我揣著相機(jī)與錄音坪蚁,去河邊找鬼。 笑死婆廊,一個(gè)胖子當(dāng)著我的面吹牛迅细,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播淘邻,決...
    沈念sama閱讀 41,235評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼湘换!你這毒婦竟也來(lái)了宾舅?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,189評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤彩倚,失蹤者是張志新(化名)和其女友劉穎筹我,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體帆离,經(jīng)...
    沈念sama閱讀 46,712評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蔬蕊,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,775評(píng)論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了哥谷。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片岸夯。...
    茶點(diǎn)故事閱讀 40,926評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖们妥,靈堂內(nèi)的尸體忽然破棺而出猜扮,到底是詐尸還是另有隱情,我是刑警寧澤监婶,帶...
    沈念sama閱讀 36,580評(píng)論 5 351
  • 正文 年R本政府宣布旅赢,位于F島的核電站,受9級(jí)特大地震影響惑惶,放射性物質(zhì)發(fā)生泄漏煮盼。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,259評(píng)論 3 336
  • 文/蒙蒙 一带污、第九天 我趴在偏房一處隱蔽的房頂上張望僵控。 院中可真熱鬧,春花似錦刮刑、人聲如沸喉祭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,750評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)泛烙。三九已至理卑,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間蔽氨,已是汗流浹背藐唠。 一陣腳步聲響...
    開封第一講書人閱讀 33,867評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留鹉究,地道東北人宇立。 一個(gè)月前我還...
    沈念sama閱讀 49,368評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像自赔,于是被迫代替她去往敵國(guó)和親妈嘹。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,930評(píng)論 2 361

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

  • 通過jQuery绍妨,您可以選热罅场(查詢,query)HTML元素他去,并對(duì)它們執(zhí)行“操作”(actions)毙驯。 jQuer...
    枇杷樹8824閱讀 662評(píng)論 0 3
  • 警告請(qǐng)使用 document.write() 僅僅向文檔輸出寫內(nèi)容。如果在文檔已完成加載后執(zhí)行 document....
    鹿守心畔光閱讀 2,854評(píng)論 3 104
  • jQuery是一套跨瀏覽器的JavaScript庫(kù)灾测,簡(jiǎn)化HTML與JavaScript之間的操作爆价。由約翰·雷西格(...
    靜候那一米陽(yáng)光閱讀 791評(píng)論 0 18
  • jQuery 安裝 把 jQuery 添加到您的網(wǎng)頁(yè) 如需使用 jQuery,您需要下載 jQuery 庫(kù)(會(huì)在下...
    Clover園閱讀 294評(píng)論 0 0
  • 信佛的梁武帝見到達(dá)摩祖師問:我造了很多寺院媳搪,供養(yǎng)了很多僧尼铭段,有多大的功德? 達(dá)摩祖師說:沒有功德蛾号。 皇帝很生氣稠项,祖...
    80天旅行閱讀 285評(píng)論 0 0