資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會科學
時尚學習
法律學習jQuery 事件 .load()、.ready()、.unload() 是什麼？
jQuery load() 方法
load()方法用於給 load 事件附加事件處理程式。
示例
你可以嘗試執行以下程式碼來了解如何使用 jQuery load() 方法。
注意： 此方法在 jQuery 1.8 中已棄用。它最終在 jQuery 3.0 中被移除。要執行以下程式碼，請新增小於 1.8 的 jQuery 版本，
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("img").load(function(){
alert("This is an image.");
});
});
</script>
</head>
<body>
<img src="/videotutorials/images/coding_ground_home.jpg" alt="Coding Ground" width="310" height="270">
<p>This image will load only in jQuery version lesser than 1.8</p>
</body>
</html>jQuery ready() 方法
使用 ready() 函式可以輕鬆指定在發生 ready 事件時會發生什麼。
示例
你可以嘗試執行以下程式碼來了解如何使用 ready() 方法。例如，我們在此處隱藏了一個元素
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<p>This is demo text.</p>
<button>Hide</button>
</body>
</html>jQuery unload() 方法
如果你想在導航離開頁面時觸發一個事件，請使用 unload() 方法。
注意：jQuery unload() 方法在 jQuery 1.8 中已棄用。它最終在 jQuery 3.0 中被移除。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(window).unload(function(){
alert("Thanks! Bye!");
});
});
</script>
</head>
<body>
<p>Event triggers when you leave the page.</p>
</body>
</html>
更新日期： 15-6-2020
924 次瀏覽
廣告