数码资讯
jQuery中DOM加载和事件执行的分析
本文演示了jQuery中DOM加载和事件执行的原理，供大家参考，具体分析如下： Javaｓｃｒｉｐｔ和HTML之间的相互作用是通过用户的浏览器操作页面触发的事件处理。在文件或它的某些元素的一些变化或操作发生时，事件是由浏览器自动生成的。例如，当浏览器加载一个文件，将生成事件：一个事件产生一个用户点击
选购提示
关注价格、性能、续航、售后和真实使用场景，理性比较后再下单。
本文演示了jQuery中DOM加载和事件执行的原理，供大家参考，具体分析如下：
Javaｓｃｒｉｐｔ和HTML之间的相互作用是通过用户的浏览器操作页面触发的事件处理。在文件或它的某些元素的一些变化或操作发生时，事件是由浏览器自动生成的。例如，当浏览器加载一个文件，将生成事件：一个事件产生一个用户点击一个按钮时，虽然这些相互作用可以用传统的Javaｓｃｒｉｐｔ事件完成，jQuery添加和扩展基本的事件处理mechanism.jquery不仅提供更优雅的事件处理的语法，而且还大大地提高了事件处理能力。
把浏览器加载文件，例如，在加载页时，浏览器增加了一个事件的DOM元素通过Javaｓｃｒｉｐｔ，Javaｓｃｒｉｐｔ代码，这在window.onload方法是常用的，在jQuery，$（document）。Ready（）方法。$（document）。Ready（）方法是事件模块最重要的功能，它可以大大提高Web application.jquery响应速度是使用美元（文件）。Ready（）来代替传统的Javaｓｃｒｉｐｔ在window.onload方法。用这种方法，你可以操纵它在DOM加载和调用功能是必然。在使用的过程中，你需要注意之间的微妙差异美元（文档）的Ready（）见面。方法和在window.onload方法。
执行时间
$（document）。Ready（）方法具有类似的功能与在window.onload方法，但在执行time.window.onload差异意味着在Web页面中的所有元素，包括所有相关文件的元素，完全加载到浏览器，这意味着Javaｓｃｒｉｐｔ可以访问任何元素在网页页，该事件处理程序注册通过$（document）。Ready（）方法在jQuery可以称为当DOM是充分的准备。在这一点上，所有的网页元素都可以访问jQuery，但这并不意味着所有这些元素相关联的文件已被下载。
例如，有一个大图书馆的网站，增加了一些行为在网页中的所有图片，如点击图片来隐藏或显示。如果使用的是在window.onload方法，用户必须等待每一张剑在可加载。如果你用美元（文件）。Ready（）方法在jQuery的设置，你只要操作DOM准备好了，而不需要等待所有的图片被下载。显而易见的是，一个网页解析成DOM树的速度比在页面加载所有相关文件快得多。
此外，我们需要注意这一点，因为在$（文档）Ready（）方法中注册的事件，只要DOM准备好了，它将被执行，因此它可以在该元素的相关文件的结尾处下载。例如，与图像相关的HTML下载已经完成，并且已经解析到DOM树中。但很有可能，图像还没有被加载，所以属性，如图像的高度和宽度不一定是有效的在这个时候。为了解决这个问题，你可以在加载页面的方法在jQuery的另一种方法使用负荷（）方法的负荷（）。方法将单元在OnLoad事件绑定一个处理函数。如果处理函数绑定到窗口对象，就会触发后的所有内容（包括窗口、框架、对象和图像）加载。如果处理函数绑定到元素，它将在加载元素的内容后触发：
$（窗口）加载（函数（）{）
代码
}）
相当于Javaｓｃｒｉｐｔ中的下列代码：
在window.onload =函数（）{
代码
}）
我们现在解释下windows.onload法和美元之间的差异（文档）的Ready（）方法进行了详细的介绍：
假定Web页面中有两个函数，Javaｓｃｒｉｐｔ代码如下所示：
函数一（）{
警报（）；
}
函数2（）{
警报（）；
}
加载页面时，通过下面的Javaｓｃｒｉｐｔ代码调用一个函数和两个函数：
Window.onload = one;
在window.onload =两；
然而，在运行代码时，发现只有两个字符串对话框弹出。为什么一个字符串对话框不能弹出的是Javaｓｃｒｉｐｔ的onload事件只能保存一个引用一个函数时，它会自动覆盖前面的函数，后者的功能，所以不能添加新的行为对现有的行为。
为了实现两个函数序列触发的效果，只创建了一个新的Javaｓｃｒｉｐｔ方法，Javaｓｃｒｉｐｔ代码如下所示：
在window.onload =函数（）{
（一）；
（二）；
}
虽然编写代码可以解决一些问题，但它仍然不能满足某些需求，例如，有多个Javaｓｃｒｉｐｔ文件。每一个文件需要在window.onload方法。在这种情况下，用上面的方法编写代码是非常困难的。jQuery的$（文档）Ready（）方法可以很好地处理这些情况。每次调用$（文档）Ready（）方法都会向现有的行为添加新的行为，这些行为将按照注册顺序依次执行：
函数一（）{
警报（）；
}
函数2（）{
警报（）；
}
$（文档）Ready（函数（）{）
（一）；
}）
$（文档）Ready（函数（）{）
（二）；
}）；
运行代码后，弹出一个字符串对话框，弹出两个对话框。
这是在准备好的时候一看（）和onload（）：
jQuery的就绪（）耗时：498毫秒
速记方式
上面准备好的功能是这样写的：
$（文档）Ready（函数（）{）
代码
}）
也可以用这种方式写：
$（函数（）{（））
代码
}）
此外，$（文档）也可以减少到$（）。当$（）没有参数时，默认参数是文档，所以可以简单地写为：
$（）Ready（函数（）{）
代码
}）
这3种功能相同，读者可以根据自己的喜好选择其中的一种。
希望本文能对大家的jQuery程序设计有所帮助。
Javaｓｃｒｉｐｔ和HTML之间的相互作用是通过用户的浏览器操作页面触发的事件处理。在文件或它的某些元素的一些变化或操作发生时，事件是由浏览器自动生成的。例如，当浏览器加载一个文件，将生成事件：一个事件产生一个用户点击一个按钮时，虽然这些相互作用可以用传统的Javaｓｃｒｉｐｔ事件完成，jQuery添加和扩展基本的事件处理mechanism.jquery不仅提供更优雅的事件处理的语法，而且还大大地提高了事件处理能力。
把浏览器加载文件，例如，在加载页时，浏览器增加了一个事件的DOM元素通过Javaｓｃｒｉｐｔ，Javaｓｃｒｉｐｔ代码，这在window.onload方法是常用的，在jQuery，$（document）。Ready（）方法。$（document）。Ready（）方法是事件模块最重要的功能，它可以大大提高Web application.jquery响应速度是使用美元（文件）。Ready（）来代替传统的Javaｓｃｒｉｐｔ在window.onload方法。用这种方法，你可以操纵它在DOM加载和调用功能是必然。在使用的过程中，你需要注意之间的微妙差异美元（文档）的Ready（）见面。方法和在window.onload方法。
执行时间
$（document）。Ready（）方法具有类似的功能与在window.onload方法，但在执行time.window.onload差异意味着在Web页面中的所有元素，包括所有相关文件的元素，完全加载到浏览器，这意味着Javaｓｃｒｉｐｔ可以访问任何元素在网页页，该事件处理程序注册通过$（document）。Ready（）方法在jQuery可以称为当DOM是充分的准备。在这一点上，所有的网页元素都可以访问jQuery，但这并不意味着所有这些元素相关联的文件已被下载。
例如，有一个大图书馆的网站，增加了一些行为在网页中的所有图片，如点击图片来隐藏或显示。如果使用的是在window.onload方法，用户必须等待每一张剑在可加载。如果你用美元（文件）。Ready（）方法在jQuery的设置，你只要操作DOM准备好了，而不需要等待所有的图片被下载。显而易见的是，一个网页解析成DOM树的速度比在页面加载所有相关文件快得多。
此外，我们需要注意这一点，因为在$（文档）Ready（）方法中注册的事件，只要DOM准备好了，它将被执行，因此它可以在该元素的相关文件的结尾处下载。例如，与图像相关的HTML下载已经完成，并且已经解析到DOM树中。但很有可能，图像还没有被加载，所以属性，如图像的高度和宽度不一定是有效的在这个时候。为了解决这个问题，你可以在加载页面的方法在jQuery的另一种方法使用负荷（）方法的负荷（）。方法将单元在OnLoad事件绑定一个处理函数。如果处理函数绑定到窗口对象，就会触发后的所有内容（包括窗口、框架、对象和图像）加载。如果处理函数绑定到元素，它将在加载元素的内容后触发：
$（窗口）加载（函数（）{）
代码
}）
相当于Javaｓｃｒｉｐｔ中的下列代码：
在window.onload =函数（）{
代码
}）
我们现在解释下windows.onload法和美元之间的差异（文档）的Ready（）方法进行了详细的介绍：
假定Web页面中有两个函数，Javaｓｃｒｉｐｔ代码如下所示：
函数一（）{
警报（）；
}
函数2（）{
警报（）；
}
加载页面时，通过下面的Javaｓｃｒｉｐｔ代码调用一个函数和两个函数：
Window.onload = one;
在window.onload =两；
然而，在运行代码时，发现只有两个字符串对话框弹出。为什么一个字符串对话框不能弹出的是Javaｓｃｒｉｐｔ的onload事件只能保存一个引用一个函数时，它会自动覆盖前面的函数，后者的功能，所以不能添加新的行为对现有的行为。
为了实现两个函数序列触发的效果，只创建了一个新的Javaｓｃｒｉｐｔ方法，Javaｓｃｒｉｐｔ代码如下所示：
在window.onload =函数（）{
（一）；
（二）；
}
虽然编写代码可以解决一些问题，但它仍然不能满足某些需求，例如，有多个Javaｓｃｒｉｐｔ文件。每一个文件需要在window.onload方法。在这种情况下，用上面的方法编写代码是非常困难的。jQuery的$（文档）Ready（）方法可以很好地处理这些情况。每次调用$（文档）Ready（）方法都会向现有的行为添加新的行为，这些行为将按照注册顺序依次执行：
函数一（）{
警报（）；
}
函数2（）{
警报（）；
}
$（文档）Ready（函数（）{）
（一）；
}）
$（文档）Ready（函数（）{）
（二）；
}）；
运行代码后，弹出一个字符串对话框，弹出两个对话框。
这是在准备好的时候一看（）和onload（）：
jQuery的就绪（）耗时：498毫秒
速记方式
上面准备好的功能是这样写的：
$（文档）Ready（函数（）{）
代码
}）
也可以用这种方式写：
$（函数（）{（））
代码
}）
此外，$（文档）也可以减少到$（）。当$（）没有参数时，默认参数是文档，所以可以简单地写为：
$（）Ready（函数（）{）
代码
}）
这3种功能相同，读者可以根据自己的喜好选择其中的一种。
希望本文能对大家的jQuery程序设计有所帮助。
声明：本文内容用于数码产品信息整理与选购参考，具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。