JQuery基本知識架構思維導圖(上)

一：認識jQuery

    1.window.onload與$(document).ready()的對比

    2.jQuery代碼風格（1:鍊式代碼風格2：位代碼添加注釋）

    3.jQuery對象和DOM對象（1.DOM對象和jQuery對象簡介2.DOM對象和jQuery對象互相轉換）

二：jQuery選擇器

     1.什麼是jQuery選擇器

     2.jQuery選擇器優勢

     3.jQuery選擇器

       1.基本選擇器(5種#id，.class，element，*，select1....selectN)

       2.層次選擇器（4種$("div p"),$("div>p"),$("div+p"),$("div~p")）

       3.過濾器6種：

         基本選擇器（10種，$("div:first")、$("div:last"),:not(select),:even,:odd,:eq(index)//從0開始,

                     :gt(index),:lt(index),:header,:animated）

         可見過濾器（2種，：hidden，：visible）

         内容過濾器（4種，$("div:contains(text)"),$("div:empty"）,:has(select),:parent());

         屬性過濾器（6種，$("div[id]"),$("div[id="a"]"),div[id!="a",div[id^="a",div[id$="a",div[id*="a",[select1][select2][selectN]）

         子元素過濾器（4種，$(div:nth-child(index//從1開始|even|odd)),$(div:first-child),$(div:last-child),$(div:first-child)）

         表單對象屬性過濾選擇器（4種，$(#form1:enable)，$(#form1:disable)，$(#form1:checked)，$(#form1:select)）

       4.表單選擇器：（11種,:input,:text,:textarea,:password,:radio,:checkbox,:image,:reset,:buttom,:file,:hidden）

       5.選擇器中一些注意事項(1.字元2.空格)

三：jQuery中的DOM操作

   1.DOM操作的分類(3個方面1.DOM Core(核心)2.HTML-DOM3.CSS-DOM)

   2.jQuery中的DOM操作(查找節點,建立節點,插入節點,删除節點,複制節點,替換節點,包裹節點,屬性操作,樣式操作,設定和擷取html,文本和值,周遊節點,CSS-DOM操作)