【问题标题】:What does putting a javascript function inside a '$()' do?将 javascript 函数放入 '$()' 有什么作用?
【发布时间】:2011-06-24 04:59:13
【问题描述】:

我现在正在学习一些 AJAX,并且用于提交表单的 jQuery 函数被包装在 $( function() { } ) 中。这究竟是做什么的?

$(function() {
    $('.error').hide();
    $(".button").click(function() {
        // validate and process form here
    }
});

【问题讨论】:

    标签: jquery ajax function forms dollar-sign


    【解决方案1】:

    $(function() { });$(document).ready(function() { }); 的简写

    See documentation.

    【讨论】:

    • 还想补充一点,它确保您的代码在加载 dom 之前不会开始执行,这可能会导致一些意外行为。
    【解决方案2】:

    这与$(document).ready() 相同。它只是做$(function(){...})而不是使用准备功能的捷径。

    【讨论】:

      【解决方案3】:

      $(function() { }) 在对文档执行任何操作之前等待文档加载。同$(document).ready(function() { });

      【讨论】:

        【解决方案4】:

        这是 jQuery 提供的一个快捷方式,用于在页面就绪时运行代码。相当于:

        $(document).ready(function() {
            ...
        });
        

        当页面准备好被操作时,jQuery 会调用这个函数。

        Docs

        【讨论】:

          【解决方案5】:

          正如其他人所说,它是jQuery(document).ready(fn) 的快捷方式,它是document.addEventListener('DOMContentLoaded', fn, useCapture) 的跨浏览器实现

          https://developer.mozilla.org/en/Gecko-Specific_DOM_Events

          文档解析完成时在页面的 Document 对象上触发。到此事件触发时,页面的 DOM 已准备就绪,但引用的样式表、图像和子框架可能尚未加载;使用“加载”事件来检测完全加载的页面。

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2023-03-03
            • 2017-10-10
            • 1970-01-01
            • 1970-01-01
            • 2018-08-17
            相关资源
            最近更新 更多