jQuery.fn.init是jQuery核心代碼中比較關鍵的一部分,其主要作用是將傳遞進來的選擇器或DOM元素轉換為一個jQuery對象,方便后續的操作。
//以下代碼展示了使用jQuery.fn.init初始化一個div元素,然后對其進行click事件綁定的過程 $(document).ready(function(){ var $div = $('').text('點擊我'); $('body').append($div); $div.on('click',function(){ alert('click!'); }); });
在上述代碼中,我們通過jQuery.fn.init創建了一個新的div元素,并將其添加到了body中,然后給它綁定了一個click事件。
jQuery.fn.init的第一個參數可以是選擇器、DOM元素、HTML字符串甚至是函數。如果傳入的是選擇器,那么jQuery會通過querySelectorAll進行匹配,將匹配到的所有元素都封裝成一個jQuery對象返回。如果傳入的是DOM元素,那么會將其轉換為一個jQuery對象。如果傳入HTML字符串,那么會先將其轉換為DOM元素,然后再轉換成jQuery對象。如果傳入的是函數,則等DOM樹加載完成之后再執行該函數。
//以下代碼演示了通過選擇器獲取所有的input元素,并將它們的顏色設置為紅色 $(document).ready(function(){ $('input').css('color','red'); });
在上述代碼中,我們將選擇器'input'傳給了jQuery.fn.init,然后對選中的所有元素設置了顏色為紅色。
總體來說,使用jQuery.fn.init可以方便快捷地對DOM元素進行操作,同時也是jQuery中十分重要的一部分。