jQuery | 事件JS的执行时机和事件操作

最新推荐文章于 2022-02-10 16:05:34 发布

Bravo！！！

最新推荐文章于 2022-02-10 16:05:34 发布

阅读量289

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/weixin_47982238/article/details/108058773

版权

本文探讨了jQuery中事件的执行时机，包括DOM加载完毕后、资源加载完毕后的执行方式，并详细介绍了如何在jQuery中等待DOM加载。此外，文章还讲解了页面载入、事件处理、事件委派和事件切换的实现，如`$(document).ready`、`bind`、`live`、`hover`和`toggle`等函数的使用。

摘要由CSDN通过智能技术生成

事件JS加载执行的时机

1)DOM加载完毕后

把js标签放在body之后即可!

2)资源加载完毕后

$(window).load(function(){
//代码
});

3)jquery中实现等dom加载完毕？

$(function(){
//所有代码都是等dom加载完毕才会去执行!
});

一般用于JS、CSS代码单独成为一个文件，在HTML中加以引用的时候

一、页面载入

$(document).ready(fn); 和下面$(fn);用法相同
$(function); //代码等DOM加载完毕后执行

在DOM加载完成时运行的代码，可以这样写：

$(document).ready(function(){
  // 在这里写你的代码...
});


$(function($) {
  // 你可以在这里继续使用$作为别名...
});

二、事件处理

bind(); //添加事件
unbind(); 解除事件

<html>
<head>
    <meta charset="UTF-8" />
    <title>index</title>
    <script src="jquery.js"></script>
</head>
<body>
    <img src="dog.png" alt="" />
    <button>绑定事件</button>
    <button>