《jQuery實(shí)戰(zhàn)(第二版)》讀書筆記

第一部分 jQuery核心

1假残、jQuery基礎(chǔ)

第一章總結(jié)了jquery的大致功能米间,基本原理滩援,使用方式栅隐。

point:

(1)、引入:<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js">

(2)、強(qiáng)大的選擇器:var checkedValue = $('[name="someRadioGroup"]:checked').val();用于選擇分組名為someRadioGroup的單選按鈕中被選中的按鈕的值租悄。更高級(jí)選擇器:$("p:even")選擇所有偶數(shù)行的p元素谨究、$("tr:nth-child(1)")選擇每個(gè)表格的第一行元素、$("body > div:has(a)")選擇body中的直接子節(jié)點(diǎn)中包括a標(biāo)簽的div元素泣棋。

(3)胶哲、實(shí)用函數(shù)。jQuery會(huì)提供一些實(shí)用函數(shù)潭辈,例如trim等便于編寫jQuery插件等鸯屿。

(4)、文檔就緒處理機(jī)制把敢。由于window.onload = function () { // 觸發(fā)腳本}該方法需要將文檔完全加載完成寄摆,包括外部資源之后才可以執(zhí)行腳本。而使用$(document).ready(function() { //加載完畢后觸發(fā)的腳本} )修赞,則是在DOM樹加載完畢之后就可以觸發(fā)婶恼,頁(yè)面加載延遲問題得以優(yōu)化。

(5)柏副、創(chuàng)建DOM元素勾邦。$("<p>HI<p>").insertAfter("#followMe")可通過$()函數(shù)直接創(chuàng)建,并通過insertAfter函數(shù)將新創(chuàng)建的DOM元素放在指定元素后。

(6)搓扯、拓展jQuery检痰。為了保持功能的簡(jiǎn)潔和高可用性包归,jQuery并未提供滿足用戶所有需求的函數(shù)锨推,不過為用戶提供了自定義函數(shù)方法來拓展$包裝器。

$.fn.disable= function() { //自定義函數(shù)實(shí)現(xiàn) ?

? ? ? ? return this.each( function () {

? ? ? ? ? ? ? if ( this.disable != null) this.disable = true;

? ? ? ? ? ? ? //XXX != null 會(huì)正確的測(cè)試null和undefined

? ? ? ? });

}公壤。

返回each方法的執(zhí)行結(jié)果(即包裝器)换可,保持jQuery的函數(shù)特性,支持鏈?zhǔn)讲僮鳌?/p>

(7)厦幅、jQuery與其他庫(kù)共存沾鳄。當(dāng)$或者jQuery全局變量發(fā)生沖突的時(shí)候,調(diào)用jQuery.noConflict()函數(shù)确憨。

2译荞、選擇要操作的元素

第二章玩轉(zhuǎn)選擇器,從選擇器到創(chuàng)建新元素再到管理包裝集休弃。

(1)吞歼、$(selector)或$(selector,'div#sampleDOM'),第一個(gè)參數(shù)為選擇器塔猾,第二個(gè)參數(shù)為操作的上下文篙骡,如果省略的話,上下文為" * "即整個(gè)document。例中表示的是在id為sampleDOM的div元素的子集中選擇符合選擇器selector的元素糯俗。

(2)尿褪、選擇器。標(biāo)簽選擇器li得湘,id選擇器#id杖玲,類選擇器.class,按照DOM之間層級(jí)關(guān)系選擇淘正,以及自定義選擇器等天揖。

a、其中基礎(chǔ)選擇器有:

* ? ? ? ?匹配所有元素跪帝; ?

E ? ? ? 匹配標(biāo)簽名為E的所有元素今膊,如$("div");

E? F? 匹配E的子節(jié)點(diǎn)中標(biāo)簽名為F的所有元素伞剑,如$("div p")斑唬;

E>F? 匹配E的直接子節(jié)點(diǎn)中標(biāo)簽名為F的所有元素,如$("div>p")黎泣;

E+F? 匹配E后邊的第一個(gè)兄弟元素中標(biāo)簽名為F的所有元素恕刘,如$("li+li");

E~F? 匹配E后邊的所有兄弟元素中標(biāo)簽名為F的所有元素抒倚,如$("li~li")褐着;

E .C? 匹配E的所有元素中類名為C的元素,如$("div .sampleClass")托呕;

E #I? 匹配E的所有元素中ID為I的元素含蓉,如$("div #ID");

E[A]? 匹配E的所有所有元素中含有A屬性的元素项郊,如$("a[href]")馅扣;

E[A=V]? 匹配E的所有元素中A屬性的值為V的元素,如$("a[href='url']")着降;

E[A^=V] 匹配E的所有元素中A屬性值以V開頭的元素差油,如$("a[href^='my']");

E[A$=V] 匹配E的所有元素中A屬性值以V結(jié)尾的元素任洞,如$("a[href$='.html']")蓄喇;

E[A!=V] 匹配E的所有元素中A屬性值以V結(jié)尾的元素,如$("a[href!='url']")交掏;

E[A*=V] 匹配E的所有元素中A屬性值以V結(jié)尾的元素妆偏,如$("a[href*='jquery']");

b耀销、通過位置選擇:

:even楼眷,:odd铲汪,:first,:last罐柳,:first-child掌腰,:last-child ? 如字面意思;

:nth-child(n) ?匹配上下文中的第n個(gè)子節(jié)點(diǎn)张吉,可以拓展為函數(shù)式例如:nth-child(5n+1) 齿梁;

:eq(n) ?第n個(gè)元素,:gt(n) ?第n個(gè)元素之后的(不包含n)肮蛹,:lt(n) 第n個(gè)元素之前的(不包含n)勺择;

注意:nth-child(n)是從1開始計(jì)數(shù),而其他的選擇器是從0開始計(jì)數(shù)伦忠。

c省核、自定義選擇器

:animated ? 選擇處于動(dòng)畫狀態(tài)的元素;

:button ?選擇按鈕元素(包括button以及input中type為submit昆码、reset气忠、button的元素);

:checkbox ? 選擇復(fù)選框元素(input[type = checkbox]) 赋咽;

:checked ? 選擇處于選中狀態(tài)的復(fù)選框或者單選按鈕元素旧噪;

:contains(food) ? 選擇包含文本food的元素;

:disabled / :enabled ? 選擇處于禁用 / 啟用狀態(tài)的元素脓匿;

:file ? 選擇文件輸入元素(input[type = file]);

:has(selector) / not(selector) ? 選擇 至少包含一個(gè) / 沒有包含? ?選擇器選中的元素 ? ?的元素淘钟;

:header ? 選擇標(biāo)題元素 ?<h1>到<h6>;

:hidden / :visible ?選擇隱藏 / 可見元素陪毡;

:image ? 選擇圖片輸入元素(input[type = image])米母;

:input ? ?選擇表單元素(input、select缤骨、textarea爱咬、button);

:parent ? 選擇有子節(jié)點(diǎn)(包含文本)的元素,空元素除外;(是:empty的取反)绊起;

:password ? 選擇口令元素(input[ type = password ]);

:radio ? ?選擇單選框元素(input [ type = radio ])燎斩;

:reset ? ?選擇重置按鈕元素(input[ type = reset ] 或者 button[ type = reset ])虱歪;

:selected ? ?選擇列表中處于選中狀態(tài)下的<option>元素;

:submit? ? 選擇提交按鈕(input [ type = submit]或者button[ type = submit])栅表;

:text ? 選擇文本輸入框(input [ type = text ])笋鄙;

To Be Continue!怪瓶!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末萧落,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌找岖,老刑警劉巖陨倡,帶你破解...
    沈念sama閱讀 211,948評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異许布,居然都是意外死亡兴革,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,371評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門蜜唾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來杂曲,“玉大人,你說我怎么就攤上這事袁余∏婵保” “怎么了?”我有些...
    開封第一講書人閱讀 157,490評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵颖榜,是天一觀的道長(zhǎng)货抄。 經(jīng)常有香客問我,道長(zhǎng)朱转,這世上最難降的妖魔是什么蟹地? 我笑而不...
    開封第一講書人閱讀 56,521評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮藤为,結(jié)果婚禮上怪与,老公的妹妹穿的比我還像新娘。我一直安慰自己缅疟,他們只是感情好分别,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,627評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著存淫,像睡著了一般耘斩。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上桅咆,一...
    開封第一講書人閱讀 49,842評(píng)論 1 290
  • 那天括授,我揣著相機(jī)與錄音,去河邊找鬼岩饼。 笑死荚虚,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的籍茧。 我是一名探鬼主播版述,決...
    沈念sama閱讀 38,997評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼寞冯!你這毒婦竟也來了渴析?” 一聲冷哼從身側(cè)響起晚伙,我...
    開封第一講書人閱讀 37,741評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎俭茧,沒想到半個(gè)月后咆疗,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,203評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡恢恼,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,534評(píng)論 2 327
  • 正文 我和宋清朗相戀三年民傻,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片场斑。...
    茶點(diǎn)故事閱讀 38,673評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡漓踢,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出漏隐,到底是詐尸還是另有隱情喧半,我是刑警寧澤,帶...
    沈念sama閱讀 34,339評(píng)論 4 330
  • 正文 年R本政府宣布青责,位于F島的核電站挺据,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏脖隶。R本人自食惡果不足惜扁耐,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,955評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望产阱。 院中可真熱鬧婉称,春花似錦、人聲如沸构蹬。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,770評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)庄敛。三九已至俗壹,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間藻烤,已是汗流浹背绷雏。 一陣腳步聲響...
    開封第一講書人閱讀 32,000評(píng)論 1 266
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留隐绵,地道東北人之众。 一個(gè)月前我還...
    沈念sama閱讀 46,394評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像依许,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子缀蹄,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,562評(píng)論 2 349

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

  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式峭跳。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性膘婶。 1....
    LaBaby_閱讀 1,167評(píng)論 0 1
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性蛀醉。 1....
    LaBaby_閱讀 1,330評(píng)論 0 2
  • 原文鏈接 http://blog.poetries.top/2016/10/20/review-jQuery 關(guān)注...
    程序員poetry閱讀 16,639評(píng)論 18 503
  • 有多少愛情與做愛無關(guān) 有多少婚姻與性別有關(guān) 在霧里 在云里 你在紛飛的花瓣中起舞 我為你束起長(zhǎng)發(fā) 你說結(jié)婚吧 和...
    幾年白光閱讀 189評(píng)論 0 0
  • Git基礎(chǔ) github—New repository—Repository name:blog—README—C...
    饑人谷_我已經(jīng)是一條咸魚了閱讀 512評(píng)論 0 0