jquery页面加载函数的几种写法
1.$(document).ready()：
$(document).ready(function() {
    // 在文档加载完成后执行的代码
    // 可以在这里操作 DOM 元素、绑定事件等
    // 例如：隐藏一个元素
    $("#myElement").hide();
});
这种写法使用 $(document).ready() 函数，确保代码在整个文档加载完成后执行。在回调函数内部，你可以对 DOM 元素进行操作或者绑定事件，以确保相关的操作在文档完全加载和解析后执行。
2.$(function()) 的简写形式：
$(function() {
    // 在文档加载完成后执行的代码
    // 与 $(document).ready() 功能相同
    // 例如：显示一个元素
    $("#myElement").show();
});
jquery在一个元素后追加标签
这种写法是 $(document).ready() 的简写形式，具有相同的功能。可以在回调函数中执行需要在文档加载完成后执行的操作。
3.$(window).on('load', function())：
$(window).on('load', function() {
    // 在页面中所有资源（包括图像）加载完成后执行的代码
    // 可以在这里执行需要在页面完全加载后执行的操作
    // 例如：设置一个事件处理程序
    $("#myButton").on('click', function() {
        // 处理点击事件
    });
});
这种写法使用 $(window).on('load', function())，在所有页面资源（包括图像）加载完成后执行代码。它确保在页面中所有元素和资源加载完全后执行相应的操作，如绑定事件处理程序等。
4.直接放置在 <script> 标签内：
这种写法直接将代码放置在 <script> 标签内，确保在页面加载完成后立即执行。你可以在其中执行任何需要在页面加载完成后执行的操作。
5.使用 defer 属性的 <script> 标签：
在引入 jQuery 的 <script> 标签中添加 defer 属性，将其设置为延迟加载。这样可以确保在
页面加载完成后执行相应的代码。在后续的 <script> 标签中，你可以通过 $(function()) 或其他 jQuery 页面加载函数的写法来执行相应的操作。
这种写法的好处是将 jQuery 的加载与页面的其他资源加载并行进行，提高页面的加载性能。当浏览器解析到 <script> 标签时，会异步加载 jQuery 库，然后继续加载和渲染后续的页面内容。当整个页面加载完成后，jQuery 相关的代码会在解析到 <script> 标签时立即执行。
记住，在使用这种写法时，确保在执行 jQuery 相关代码之前，jQuery 库已经加载完成。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。