我的jquery學(xué)習(xí)筆記整理

1、1、jquery和javascript嚴(yán)格區(qū)分大小寫；$代表 jquery，如 $ (document) .ready(function()2、 jquery.noConflict():該方法使jquery主動放棄$變量的控制權(quán)，執(zhí)行完該方法后，使用變量 $將不能再操作jquery核心函數(shù)了。jquery.noConflict(extreme):該方法需要一個布爾型的參數(shù)，當(dāng)參數(shù)值為false時，執(zhí)行效果與無參方法執(zhí)行效果一樣，當(dāng)參數(shù)為 true時，jquery類庫不但放棄變量$的控制權(quán)，而且將會 放棄變量jquery的控制權(quán)。3、 jquery ()該函數(shù)返回一個空的jquery對象jque

2、ry ( elements)該函數(shù)將一個或多個DOM 元素轉(zhuǎn)化為 jquery對象(或jquery集合)女口jquery ( document)，另外，這個函數(shù)也可以把XML文檔和window對象作為有效的參數(shù)。jquery ( callback)，該函數(shù)是 jquery ( document) .ready(callback)的簡寫，該函數(shù)將綁定一個在DOM文檔載入完成之后執(zhí)行的函數(shù)。頁面中所有需要在DOM加載完成時執(zhí)行的jquery操作，都需要包含在這個函數(shù)中。開發(fā)人員可以在一個頁面中使用任意多個jquery(document) .ready 事件。jquery(expression,co

3、ntext):該函數(shù)接收一個包含 jquery選擇器的字符串，然后利用這個字符串去匹配一個或多個元素，jquery中的操作都需要使用jquery對象，所以jquery的一切操 作都要基于這個函數(shù)，或者以某種方式使用這個函數(shù)，con text是可選參數(shù)，如果沒有指定con text參數(shù)，jquery函數(shù)將在當(dāng)前的 HTML文檔中查找 DOM元素，如果指定了con text參數(shù)，就會在這個 con text中查找。jquery(html):該函數(shù)根據(jù)提供的 HTML標(biāo)記代碼，動態(tài)創(chuàng)建由jquery對象圭寸裝的 DOM元 素，女口 jquery “<div></div> ”)

4、將創(chuàng)建一個 div節(jié)點，可以動態(tài)添加到 DOM中。jquery ( html， props):該函數(shù)根據(jù)提供的 HTML標(biāo)記代碼，動態(tài)創(chuàng)建由jquery對象封裝的DOM元素，同時對該 DOM元素設(shè)置一組屬性、事件等如：jquery “ <i nput> ” ,type:"text", name="username")上述代碼將創(chuàng)建一個 in put 節(jié)點，并設(shè)置 type屬性為text，name屬性為username,同樣該DOM元素可以被動態(tài)的添加到頁面中。jquery ( html， ownerDocument):該函數(shù)根據(jù)提供的HTML

5、標(biāo)記代碼，動態(tài)創(chuàng)建由jquery對象圭寸裝的DOM元素，并指定該 DOM元素所在的文檔。jquery對象不是普通對象，所以一般的變量無法對其直接飲用，不能寫成var obj=jquery();應(yīng)該是 var $obj=jquery();4、 jquery的基本選擇器包括css選擇器、層級選擇器和表單選擇器。層級選擇器：1、子元素選擇器：用于在給定的父元素下查找這個父元素下的所有子元素，語法如下：$("pare nt>child")2、后代元素選擇器：用于在給定的祖先元素下匹配所有的后代元素，語法：$("a ncestor desce ndant")

6、之間用空格隔開，如 $("form in put")3、緊鄰?fù)呍剡x擇器：緊鄰?fù)呍剡x擇器用于匹配所有緊鄰在prev元素后的next元素如：$("prev+ next"),其中next表示一個有效選擇器，并且緊鄰著prev選擇器，兩者之間用+分隔。4.相鄰?fù)呍剡x擇器：用于選擇某元素后面所有的同輩元素，如 $("prevsibli ngs")表單選擇器：表單域就是指網(wǎng)頁中的in put、textarea、select、button元素,jquery提供了一組選擇器，專門用于從文檔中選擇表單域，這些表單器均以冒號：開頭。如:$(&

7、quot;: text").attr("value","文本框")設(shè)置type為text的文本框值為文本框過濾選擇器：在基本選擇器的基礎(chǔ)上添加過濾選擇器來完成查詢?nèi)蝿?wù)，可以使用元素的索引值、內(nèi)容、屬性、子元素位置、表單域?qū)傩砸约翱梢娦宰鳛楹Y選條件。簡單過濾選擇器：主要是根據(jù)索引值對元素進行篩選，他們均以冒號：開頭，并且與另一個選擇器一起使用。1、： first選擇器：$("selector:first")或者：last選擇器：$("selector:last"),:odd選擇器用于選擇索引為奇數(shù)(從 0

8、開始計數(shù))的所有元素，如：$("selector:odd"):even選擇器：用于選擇索引為偶數(shù)(從 0計數(shù))的所有元素，如$("selector:even"):eq()選擇器：用于從匹配的集合中選擇索引等于給定值的元素，如$("selector:eq(index)"),index為指定元素在selector集合中的索引值(從 0開始計數(shù))：gt()選擇器：用于從匹配的集合中選擇索 引值大于給定值的元素，如$("selector:gt(index)"):lt()選擇器：用于從匹配的集合中選擇索引值小于給定值的所有元

9、素，如$("selector:lt(index)")其中index為一個非負(fù)整數(shù)，：not()選擇器用于從匹配的集合中去除所有與給定選擇器匹配的元素，如：$("selector:not(selector2)")如$("td:not(:first,:last)")去除第一個和最后一個單元格。：header選擇器用于選擇所有諸如h1、h2、h3之類的標(biāo)題元素。$(":header"),:animated()選擇器：用于選擇所有正在執(zhí)行動畫效果的 元素。如 $("selector:animated")

10、內(nèi)容過濾選擇器：如果將某個選擇器或內(nèi)容過濾選擇器一起使用，就可以從查詢到的元素中進一步篩選出具有給定文本或子元素的元素。1、： contains()選擇器：用于選擇包含給定文本的所有元素，$("selector:contains(text)"),text為指定的要查找的文本，其引號是可選的。2、has ()選擇器：用于選擇包含給定子元素的元素，如$("selector1:has(selector2)"),:empty選擇器：用于選擇不包含子元素或文本的所有空元素，如$("selector:empty"),:parent選擇器：用于選擇

11、包含子元素或文本的元素，與empty選擇器的作用相反，如$("selector:parent")屬性過濾選擇器：jquery可以根據(jù)各種屬性對由選擇器查到的元素進行過濾。屬性過濾選擇器包含在中括號中，不能以冒號開頭1，包含屬性選擇器：用于選擇包含給定屬性的所有元素， $("selectorattribute")2.屬性等于選擇器：用于選擇給定屬性等于某特定值的所有元素。如 $("selectorattribute=value")3、屬性包含選擇器：用于選擇指定屬性值包含給定字符串的所 有元素，如：$("selectoratt

12、ribute*=value")value 為屬性值，引號是可選的。4、屬性包含單詞選擇器：用于指定屬性值中包含給定單詞(由空格分隔)的元素，如 $("selectorattribute=value"),其中單詞由value指定，是由空格分隔的字符串5、屬性不等于選擇器：用于選擇不包含指定屬性，或者包含該屬性但屬性值不等于給出的value值的所有元素，如$("selectorattribute!=value")6屬性開始選擇器：用于選擇給定屬性是以某特定值開 始的所有元素，如$("selectorattributeA=value&quo

13、t;)7、屬性結(jié)尾選擇器：用于選擇指定屬性是以 某個給定值結(jié)尾的所有元素。$("selectorattribute$=value"),與屬性開始選擇器用法相反。8、符合屬性選擇器：用于選擇同時滿足多個條件的所有元素。$("selectorselector1selector2selector3")子元素過濾器：其必須與某個選擇器一起使用，首先使用這個選擇器進行查詢，由此得到一個父元素數(shù)組，然后按照子元素過濾器指定的規(guī)則對父元素進行進一步的篩選。1、: first-child選擇器：用于選擇其父級的第一個子元素的所有元素，如$("selector:

14、first-child")2 > last-child選擇器：用于選擇其父級的最后一個子元素的所有元素，如$("selector:last-child")3、: nth-child選擇器：用于選擇父元素下的第 n個子元素或奇偶元素，如 $("selector:nth-child(index/even/odd/euqation)")4、: only-child 選擇器：用于選擇某元素的唯一 選擇器，如 $("selector:only-child")表單屬性過濾選擇器：$("selector:checked&q

15、uot;)、$("selector:enabled")(用于選擇所有可用的表單域)$("selector:disabled")、$("selector:selected"):用于選擇從列表框選擇所有選中的option元素?？梢娦赃^濾選擇器：$("selector:hidden")$("selector:visible")選擇所有的不可見和可見元素。搜索操作：jquery可以對頁面元素進行搜索，如搜索父元素、同輩元素和搜索子元素3中搜索方式。1、搜索父元素：pare nts(selector):該

16、方法用于獲取當(dāng)前元素集合中每個元素的祖先元素，根據(jù) 需要可以使用一個選擇器進行篩選。即參數(shù)selector是可選的，表示用來篩選的表達式，即查找祖先元素以滿足的篩選條件，該方法將一直查找到根元素，所以可能包含一個或多個元素。2、closest ()方法：該方法從元素本身開始，逐級向上級元素匹配，并返回最先匹配 的元素，closest( selector,context)，參數(shù)selector是一個包含選擇器表達式的字符串或字符 串?dāng)?shù)組，參數(shù) con text是可選的，該方法首先檢查當(dāng)期元素是否匹配，如果匹配則返回元素 本身，不匹配則向上查找父元素，如果什么都沒找到，則返回一個空的jquery對

17、象。3、pare nt()用于獲取當(dāng)前匹配元素集合中每個元素的父元素，只遍歷DOM元素的一個層級。4、parentsUntil ():用于獲取當(dāng)前匹配元素集合中每個元素的祖先元素，直至給定選擇器匹配 的元素(但不包括該元素)，parentsUntil ( selector),selector可選，用于指定要停止匹配元 素的祖先。5、offsetParent():用于搜索第一個匹配元素的已定位的父元素，僅對可見元素 有效。搜索同輩元素：可使用previousSibling和nextSibling屬性來檢索與當(dāng)前元素相鄰的同輩元素1、next():用于獲取緊跟在每個匹配元素之后的單個同輩元素。ne

18、xt ( selector) ,selector可選，表示指定一選擇器對同輩元素進行篩選。2、nextAll ( selector):用于搜索緊跟在每個元素之后的所有同輩元素，包括它自身根據(jù)需要可以指定一個選擇器對同輩元素進行篩選。3、nextUntil(selector):用于獲取緊跟在每個匹配元素后面的同輩元素，直至匹配到給定選擇器的元素(不包括最后匹配到的元素)同理有： prev ( selector)> prevAII(selector)、prevUntil(selector)4、siblings ( selector):用于搜索每個匹配元素的所有同輩元素。搜索子元素：1、children( selector):用于獲取一個包含匹配的元素集合中每一個元素的所 有子元素的元素集合，并將搜索到所有的直接子元素。2、find(