JQuery的on(ready)是一個非常常用的方法,主要作用是在DOM樹完整渲染后執(zhí)行回調(diào)函數(shù),通常用于頁面加載后的初始化操作。
$(document).on('ready', function() { // 初始化操作 });
有些人可能會使用JQuery的$(document).ready()方法,其實(shí)它是on(ready)的縮寫。
$(document).ready(function() { // 初始化操作 });
使用on(ready)方法具有以下優(yōu)點(diǎn):
- 可以多次調(diào)用on(ready)方法,不會被覆蓋,而$(document).ready()只能使用一次。
- 可以使用鏈?zhǔn)秸Z法,代碼更清晰易讀。
$(document).on('ready', function() { // 初始化操作1 }).on('ready', function() { // 初始化操作2 });
需要注意的是,JQuery 3.0已經(jīng)棄用on(ready)方法,建議使用$(function(){})代替。
$(function() { // 初始化操作 });
總之,無論是使用on(ready)還是$(document).ready(),都可以在頁面加載后執(zhí)行初始化操作,使頁面更加精致。
上一篇波浪線怎么用css表示
下一篇jquery on(