jQuery學習筆記一基本概念及元素選擇

最近開始學習jquery，把自己學到的東西整理一下，記成筆記，方便查閱。

1.當其他js庫與jquery的$(...)符號重複時，可以使用jquery的noconfilict()方法修改符號，這裡注意el表示式是$，不會衝突。

2.ready方法能夠保證js的執行在頁面載入之後，所以使用ready可以將js**放置在頁面的任何位置，而不必擔心js載入延遲頁面載入，但要注意，傳遞給ready的是乙個function，忘記function()，ready不起作用。

第二段中的ready中的**，不能保證在頁面載入之後執行，而是看你**的放置位置。

3.上面ready呼叫的簡化寫法如下，即等價於$(document).ready(function() )

4.我們可以延遲ready呼叫的時機，在指令碼開始呼叫$.holdready(true);，在希望啟用ready時，呼叫$.holdready(false);

5.jquery的元素從0開始計數，也就是第乙個元素的索引為0.

6.當選擇器效率不夠快時，不要急著優化jquery的選擇器，多審視一下我們的html，盡可能減少前端瀏覽器的處理。

7.可以選擇開始進行主選擇的起點，通過使用上下文選擇器，$("主選擇器", "上下文選擇器")，jquery會先按照上下文選擇器，選擇合適的元素，在對這些元素應用主選擇器。注意和$("選擇器1 選擇器2")區分，後者是滿足兩個選擇器。

8.jquery物件實際上是0個或多個dom元素的集合。呼叫方法修改jqueery內元素的方法，返回的結果也是乙個jquery物件，所以可以進行鏈式呼叫。這是乙個很核心的概念，記住這個再去看jquery，能幫助理解很多東西。

9.將dom物件傳遞給$(dom物件)就可以轉換為jquery物件。把jquery物件當做dom陣列，利用toarray或者可以訪問jquery中封裝的dom物件。利用$(...).each(function(index, element) )則可以迭代處理jquery物件中的dom物件。

10.注意index以字串作為引數時的選擇順序，下面的**是等價的，不過第一種理解更順暢。

var elements = $("body *")
index = elements.index($("#myindex"))
var elements = $("#myindex")
index = elements.index("body *")

向乙個jquery物件中新增新的元素——add

過濾jquery物件中的元素——eq，filter,，first，last，has，not，slice

以對映方式處理結果集——map

檢測結果集是否包含某個元素——is

修改或者回退結果集——end，addback

訪問後代元素——children，find，contents

訪問祖先元素——parent(父元素)，parents，parentsuntil，closest，offsetparent

訪問兄弟元素——next，nextall，nextuntil，prev，prevall，prevuntil，siblings

jQuery學習筆記 一 基本概念及元素選擇