在前端開發(fā)中,我們經(jīng)常會用到j(luò)Query庫來簡化 DOM 操作和處理事件等任務(wù)。而在使用jQuery時(shí),我們常常會用到一個特殊的語法——$(function(){})
或者jQuery(function(){})
,這樣的代碼看起來有點(diǎn)奇怪,下面我們來一探其奧秘。
$(function(){})
或者jQuery(function(){})
這樣的語法實(shí)際上是jQuery對于ready
事件的簡寫,也就是文檔對象模型(DOM)加載完畢時(shí)觸發(fā)的事件。如果我們把需要執(zhí)行的代碼寫在這個函數(shù)里面,那么它們會在DOM加載完成后立即執(zhí)行。
在之前的版本中,我們可能會寫成如下的代碼:
$(document).ready(function(){
// 在DOM加載完成后執(zhí)行的代碼
});
而現(xiàn)在,我們可以使用簡寫語法:$(function(){})
或者jQuery(function(){})
,這樣的代碼更加簡潔易讀。
需要注意的是,$(function(){})
或者jQuery(function(){})
這樣的語法只需要引入jQuery庫,無需手動調(diào)用ready
方法。而且,這段代碼只會在DOM加載完成后執(zhí)行一次,如果我們需要在某個事件發(fā)生時(shí)執(zhí)行一些操作,就需要單獨(dú)監(jiān)聽對應(yīng)的事件。
總之,$(function(){})
或者jQuery(function(){})
這樣的語法在前端開發(fā)中非常常見,不僅可以簡化代碼,還能保證在DOM加載完成后執(zhí)行我們需要的操作。