jQuery是一種流行的JavaScript庫,它使開發JavaScript應用程序更加容易,方便。jQuery通過init構造函數來操作DOM,讓開發者可以更方便地操作頁面元素,接下來我們來看一下init構造函數的使用。
// jQuery類 function jQuery(selector, context) { // 實例化我們初始化的類 return new jQuery.fn.init(selector, context); } // 擴展原型 jQuery.fn = jQuery.prototype = { constructor: jQuery, //init是一個構造函數,這里是用來初始化jQ對象的 init: function (selector, context) { var match, elem; //當傳入的是一個DOM對象或者jQ對象時 if (!selector) { return this; } //當傳入的是一個選擇器字符串時 if (typeof selector === 'string') { //從匹配的selectors中得到元素數組 var elem = document.querySelectorAll(selector); } else { elem = selector; } //將元素存儲為jQ對象的屬性 this.length = elem.length; for (var i = 0; i < elem.length; i++) { this[i] = elem[i]; } return this; } }; // 將init函數擴展到構造函數的原型上 jQuery.fn.init.prototype = jQuery.fn;
通過以上代碼段,我們看到jQuery類中的init構造函數的作用,主要是將匹配的元素存儲到jQuery對象中實現操作DOM的功能。init構造函數支持傳入選擇器字符串、DOM元素或者是jQuery對象。在使用時我們可以直接通過$('selector')的方式來使用init函數來操作元素。