jquery自動載入方法

2019-12-12 04:41:59

jQuery是一個快速，小巧，功能豐富的JavaScript庫，極大地簡化了 JavaScript 程式設計。那麼如何使用jquery自動載入方法呢？方法步驟如下。

首先在執行環境裡引入jquery庫。範例裡是筆者自己存到cdn上的jquery檔案。

自動載入分為：

1.資料載入完成執行

2.開啟就執行，不論等資料是否載入完成

首先測試「資料載入完成執行」的操作。方法程式碼如下

window.onload=function(){

testFunc();}

執行結果如圖，成功自動載入函數，並且輸出函數結果。

繼續測試「開啟就執行，不論等資料是否載入完成」。方法程式碼如下：

方式1

$(document).ready(function(){ testFunc();});

方式2

$(function(){ testFunc();});

執行結果與上面方法相同，都分別實現自動載入。