javascript - jQuery 中的函数命名

Question

所以我刚开始使用 jQuery，这些功能让我感到困惑。我希望能够只命名一个 jQuery 函数，然后调用它，而不需要说明何时应该在函数中调用它。我看过了，似乎无法理解任何答案。我的代码如下:

<script type="text/javascript">

        $(function() {
            $('a').click(function() {
                $('#box').slideUp();

            });
        });
    </script>

我希望它做更多类似这样的事情:

$(function slideBox() {
        $('#box').slideUp();
    });
    </script>

然后通过 OnClick 事件或按钮上的某些内容调用它。

Answer 1

jQuery 只是 Javascript 之上的一个库，您仍然可以使用其中包含 jQuery 代码的常规函数​​。大多数示例都是 $(function() { ... }); 类型的原因是因为 Javascript 通常是基于事件的，并且使用 jQuery 执行操作的最常见时间是页面加载时， $(function() { }); 是其快捷方式。

jQuery 的一个好处是它可以让你编写不显眼的 Javascript，你真的不应该在任何 HTML 元素的 onclick 中放置任何代码，因为这是一种非常糟糕的做法，并且维护噩梦。更标准的方法是:

HTML

<input type="button" id="slideMeUp" value="Up, up, and away!">

jQuery

$(function() {
    $('#slideMeUp').click(function() {
        $('#box').slideUp();
    });
});

但是，您可以轻松地得到如下内容:

function slideMeUp() {
    $('#box').slideUp();
}

$(function() {
    // still need this outer function to indicate
    // to only bind the handler when the DOM is ready
    $('#slideMeUp').click(slideMeUp);
});