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操作)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM