jQuery的實現原理和核心


1、jQuery的實現原理

  
  • 1)jQuery采用的是構造函數模式進行開發的,jQuery是一個類
  • 2)上面說的常用的方法(CSS、屬性、篩選、事件、動畫、文檔處理)都是定義在jQuery.prototype上的 ->只有jQuery的實例才能使用這些方法

2、選擇器/篩選

  • 1)我們的選擇器其實就是創造jQuery類的一個實例 ->獲取頁面中元素用的 jQuery(); -> $()
    $()就是jQuery的選擇器,就是創建jQuery這個類的一個實例
  • 2)執行的時候需要傳遞兩個參數
  
  • 3)通過選擇器獲取的是一個jQuery類的實例->jQuery對象
  
  • 4)我們獲取的是jQuery對象(他是jQuery的實例)不是我們的原生js對象

    jQuery:$("#div1")
    JS:document.getElementById("div1") 原生JS的對象不能直接的使用jQuery的方法,同理,jQuery的對象也不能使用原生js的方法
    $("#div1").className = "box"; no
    document.getElementById("div1").addClass(); 

  • 5)互相轉化

  

3、核心

  

  

我們的jQuery不僅僅是一個類(在它的原型上定義了很多的方法,每一個jQuery的實例都可以使用這些方法),它還是一個普通的對象,在jQuery本身的屬性中還增加了一系列的方法:Ajax、each、工具
$.unique(ary)
$.ajax()

 


免責聲明!

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



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