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

  • Z时代
  • 2024-01-10
  • 分类：综合

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>

以上是 什么是jQuery事件.load()、. ready()、. unload()？ 的全部内容， 来源链接： utcz.com/z/321977.html

回到顶部