jQuery構造函數init參數分析_jquery

可以看到這個方法接受3個參數，其前兩個參數是jQuery方法傳遞過來的

Selector原則上可以輸入任意值，但并不是所有值都是有意義的，只有undefined、DOM 元素、字符串、函數、jQuery 對象、普通 JavaScript 對象這幾種類型是有效的，這個參數是通常是填寫的但是不填寫也不會報錯

代碼如下:
console.log($());
//[constructor: function, init: function, selector: "", jquery: "1.7.1", size: function…]

Context作為執行上下文或者叫執行范圍可以不傳入，或者傳入 DOM 元素、jQuery 對象、普通 JavaScript 對象之一

參數 rootjQuery：包含了 document 對象的 jQuery 對象，用于 document.getElementById() 查找失敗、selector 是選擇器表達式且未指定 context、selector 是函數的情況，其實就是$(document)。

下面根據參數的不同分為12種情況逐個討論

1.selector 可以轉換為false

源碼中的注釋已經寫得很清楚了，當是這三種情況時直接return不進行任何處理

2.參數 selector 是 DOM 元素

例如: $(document)這種寫法

只要是dom元素肯定有節點類型，然后把這個節點變成jquery對象的第一個元素并且賦值給上下文context，length屬性是jQuery的原型屬性默認為0

// The default length of a jQuery object is 0

length: 0,
這里有了一個元素之后就把length屬性修改為1。return this 操作使得函數執行后的結果依然是jQuery對象這樣就可以實現類似$(document).each()這樣的鏈式調用了。最終得到的類似這樣的{0:document,context:document,length:1....}對象，其實所有的情況最后都會變成這種形式的對象，除了jQuery原型屬性和方法之外就是獲取的dom節點并且按照阿拉伯數字依次排列，所以我們可以使用$(selector)[0]的形式代替$(selector).get(0)來獲取dom對象。例如：

jQuery構造函數init參數分析_jquery

jQuery構造函數init參數分析_jquery:在我的上一篇隨筆里面分析了jQuery的構造函數，jQuery對象中有一個原型方法init才是是真正的構造函數，通過init的原型對象跟jQuery的原型對象保持引用關系使得init的實例可以正常調用jQuery的原型方法，就好像是jQuery的實例一樣。下面就來看看init這個

推薦度：

點擊下載本文 文檔為doc格式