什么是jQuery事件.load()、. ready()、. unload()？

jQueryload()方法

该load()方法用于将事件处理程序附加到加载事件。

示例

您可以尝试运行以下代码以了解如何使用jQueryload()方法。

注意：jQuery 1.8中不推荐使用该方法。终于在jQuery 3.0中将其删除。要运行以下代码，请添加小于1.8的jQuery版本，

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/1.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("img").load(function(){
        alert("这是一张图片。");
    });
});
</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>

jQueryready()方法

通过ready()函数可以轻松指定发生就绪事件时发生的情况。

示例

您可以尝试运行以下代码来学习如何使用ready()方法。例如，我们在这里隐藏一个元素：

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/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>

jQueryunload()方法

如果要在离开页面导航时触发事件，请使用unload()方法。

注意：unload() jQuery 1.8中不推荐使用jQuery方法。终于在jQuery 3.0中将其删除。

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/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>

基础教程