分解jQuery

weixin_33751566發表於2018-08-29
jQuery

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<script src="jquery-2.0.3.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
    
    (function(){
        //(22, 95) 定義一些變數和函式
        //(97 281) 給JQ物件新增一些方法和屬性
        //(285, 348) 給JQ設定了一個用來擴充套件的方法 extend
        //(350, 818) 擴充套件了一些工具型的方法
        //(1048, 2856)  Sizzle 選擇器的實現
        //（2880, 3042)  Callbacks  對函式的統一管理 
        // (3043, 3183)   Deferred延遲物件, 對非同步進行統一管理
        // (3184, 3295)  support功能檢測
        // (3308, 3652)  data() 資料快取
        // (3653, 3797)  queue 佇列管理
        // (3798, 4299)  attr() prop() val() addClass() 對元素屬性的操作
        // (4300， 5128) 事件相關的方法
        // (5140， 6057) 新增/刪除 DOM篩選
        // (6058， 6620) CSS() 操作樣式
        // (6621， 7854)  ajax() load()  getJson()
        // (7855, 8584)  animate() 動畫系列
        // (8585， 8792) offset() 位置尺寸
        // (8804， 8821)  模組化的支援
        
        
        //(8827)  定義了全域性的函式名稱  $  jQuery 這兩個時等價的
        
    })(window);
    
    $(function(){
        
    })
    $(document).ready(function(){
        
    })
    window.onload = function(){
        
    }
    
    
</script>
<body>
    <div id="box" style="width: 100px; height: 100px; background: red;">
        
    </div>
    <img src="" alt="">
</body>

</html>

相關文章