jQuery是一個非常強大的JavaScript庫,可以輕松地在網頁中實現各種效果。其中,load和resize是最基本的兩個事件。
load事件是指當某個元素或整個頁面加載完成時觸發,例如:
$(window).load(function(){
// 頁面加載完成后的操作
});
而resize事件是指當窗口大小改變時觸發,例如:
$(window).resize(function(){
// 窗口大小改變后的操作
});
對于load事件,我們可以使用它來加載外部文件,例如圖片、CSS文件、HTML文件等。例如:
$(window).load(function(){
$("#mydiv").load("content.html");
});
上面的代碼會在頁面加載完成后,將content.html文件中的內容加載到id為mydiv的元素中。
而對于resize事件,我們可以使用它來做一些響應式的設計。例如:
$(window).resize(function(){
if($(window).width()< 768){
// 窗口寬度小于768px時的操作
} else {
// 窗口寬度大于等于768px時的操作
}
});
上面的代碼會在窗口大小改變時,判斷當前窗口寬度是否小于768px,并根據不同情況做出相應的操作。
總結來說,load和resize事件是jQuery中最基本的兩個事件,它們可以用來實現許多有用的效果,是開發者必須掌握的技能。