jQuery的基本理解及核心函式與核心物件

bing_good發表於2020-11-09

jQuery是什麼(What):
        一個JS函式庫:write less,do more
        封裝簡化DOM操作(CRUD)/Ajax
    為什麼要用jQuery(Why):
        強大的選擇器:方便快速查詢DOM元素
        隱式遍歷(迭代):一次操作多個元素
        讀寫合一:讀寫資料用的是一個函式
        事件處理
        鏈式呼叫
        DOM操作(CUD)
        樣式操作

 怎麼使用jQery(How):
        引入jQuery庫
            本地引入與CDN遠端引入
            測試版和生產版(壓縮版本)
 jQuery核心函式
        簡稱:jQuery函式($/jQuery)
        jQuery庫向外直接暴露的就是$/jQuery
        引入jQuery庫後,直接使用$即可
            作為一般的函式用時:$(param)
                param是function:相當於window.onload = function(文件載入完成的監聽)
                param是選擇器字串:查詢所有匹配的DOM元素,返回包含所有DOM元素的jQuery物件
                param是DOM元素:將DOM元素物件包裝為jQuery物件返回 $(this)
                param是標籤字串:建立標籤DOM元素物件幷包裝為jQuery物件返回
            作為物件用時:$.XXX()
    jQuery核心物件
        簡稱:jQuery物件
        即執行jQuery函式返回的物件
        jQuery物件內部包含的是dom元素物件的偽陣列(可能只有一個元素)
        jQuery物件擁有很多有用兒點屬性和方法,更方便操作dom
        注意:偽陣列是object物件,有length屬性,數值下標屬性
            但不能使用陣列特有的方法,例:forEach(),puch(),pop()等
        屬性/方法:
            基本行為:
                size()/lenght:得到jQuery內部包含dom元素的個數
                [index]:根據下標得到對應位置的dom元素
                each():遍歷內部的dom元素
                index():得到其在所有兄弟元素中的下標

相關文章