資源描述：
《jquery快速入門(mén)總結(jié)很給力的》由會(huì)員上傳分享，免費(fèi)在線(xiàn)閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。
1、且確實(shí)可以很輕松地做出許多復(fù)雜的效果。雖然jQuery上手簡(jiǎn)單，比其他庫(kù)容易學(xué)會(huì)，但是要全面掌握，卻不輕松。因?yàn)樗婕暗骄W(wǎng)頁(yè)開(kāi)發(fā)的方方面面，提供的各種方法和內(nèi)部變化有上千種之多。初學(xué)者常常感到，入門(mén)很方便，提高很困難。目前，互聯(lián)網(wǎng)上最好的jQuery入門(mén)教材，是RebeccaMurphey寫(xiě)的《jQuery基礎(chǔ)》（jQueryFundamentals）。在Google里搜索"jQuery培訓(xùn)"，此書(shū)排在第一位。jQuery官方團(tuán)隊(duì)已經(jīng)同意，把此書(shū)作為官方教程的基礎(chǔ)。這本書(shū)雖然是入門(mén)教材，但也足足有100多頁(yè)。我對(duì)它做了一個(gè)詳細(xì)的筆記，試圖理清jQ
2、uery的設(shè)計(jì)思想，找出學(xué)習(xí)的脈絡(luò)。我的目標(biāo)是全面掌握jQuery，遇到問(wèn)題的時(shí)候，心里有底，基本知道使用它的哪一個(gè)功能，然后可以迅速?gòu)氖謨?cè)中找到具體的寫(xiě)法。下面就是我的筆記，它應(yīng)該是目前網(wǎng)上不多的jQuery中文教程之一。你只需要一點(diǎn)javascript語(yǔ)言的基本知識(shí)，就能看懂它，在最短的時(shí)間里，掌握jQuery的所有主要方面（除了ajax和插件開(kāi)發(fā)）。===========================================jQuery設(shè)計(jì)思想原文網(wǎng)址：http://jqfundamentals.com/book/阮一峰翻譯整理【
3、目錄】 一、選擇網(wǎng)頁(yè)元素 二、改變結(jié)果集 三、鏈?zhǔn)讲僮鳌 ∷?、元素的操作：取值和賦值 五、元素的操作：移動(dòng) 六、元素的操作：復(fù)制、刪除和創(chuàng)建 七、工具方法 八、事件操作 九、特殊效果【正文】一、選擇網(wǎng)頁(yè)元素jQuery的基本設(shè)計(jì)和主要用法，就是"選擇某個(gè)網(wǎng)頁(yè)元素，然后對(duì)其進(jìn)行某種操作"。這是它區(qū)別于其他函數(shù)庫(kù)的根本特點(diǎn)。使用jQuery的第一步，往往就是將一個(gè)選擇表達(dá)式，放進(jìn)構(gòu)造函數(shù)jQuery()（簡(jiǎn)寫(xiě)為$），然后得到被選中的元素。選擇表達(dá)式可以是CSS選擇器： $(document)//選擇整個(gè)文檔對(duì)象 $('#myId'
4、)//選擇ID為myId的網(wǎng)頁(yè)元素 $('div.myClass')//選擇class為myClass的div元素 $('input[name=first]')//選擇name屬性等于first的input元素也可以是jQuery特有的表達(dá)式： $('a:first')//選擇網(wǎng)頁(yè)中第一個(gè)a元素 $('tr:odd')//選擇表格的奇數(shù)行 $('#myForm:input')//選擇表單中的input元素 $('div:visible')//選擇可見(jiàn)的div元素 $('div:gt(2)')//選擇所有的div元素，除了前三個(gè) $
5、('div:animated')//選擇當(dāng)前處于動(dòng)畫(huà)狀態(tài)的div元素二、改變結(jié)果集如果選中多個(gè)元素，jQuery提供過(guò)濾器，可以縮小結(jié)果集： $('div').has('p');//選擇包含p元素的div元素 $('div').not('.myClass');//選擇class不等于myClass的div元素 $('div').filter('.myClass');//選擇class等于myClass的div元素 $('div').first();//選擇第1個(gè)div元素 $('div').eq(5);//選擇第6個(gè)div元素有時(shí)候，我
6、們需要從結(jié)果集出發(fā)，移動(dòng)到附近的相關(guān)元素，jQuery也提供了在DOM樹(shù)上的移動(dòng)方法： $('div').next('p');//選擇div元素后面的第一個(gè)p元素 $('div').parent();//選擇div元素的父元素 $('div').closest('form');//選擇離div最近的那個(gè)form父元素 $('div').children();//選擇div的所有子元素 $('div').siblings();//選擇div的同級(jí)元素三、鏈?zhǔn)讲僮鬟x中網(wǎng)頁(yè)元素以后，就可以對(duì)它進(jìn)行某種操作。jQuery允許將所有操作連接在一起
7、，以鏈條的形式寫(xiě)出來(lái)，比如： $('div').find('h3').eq(2).html('Hello');分解開(kāi)來(lái)，就是下面這樣： $('div')//找到div元素 .find('h3')//選擇其中的h3元素 .eq(2)//選擇第3個(gè)h3元素 .html('Hello');//將它的內(nèi)容改為Hello這是jQuery最令人稱(chēng)道、最方便的特點(diǎn)。它的原理在于每一步的jQuery操作，返回的都是一個(gè)jQuery對(duì)象，所以不同操作可以連在一起。jQuery還提供了.end()方法，使得結(jié)果集可以后退一步： $('div')
8、 .find('h3') .eq(2) .html('Hello') .end()//退回到選中所有的h3元素的那一步
