javascript - 这个 Bootstrap 代码中的 $(function () ..) 是什么意思？

Question

我熟悉具有以下形式的代码：

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

或者

(function(){})()

但是当我看到代码是这样的时候我很困惑

$(function () {
    $(".modal-link").click(function (event) {
        event.preventDefault()
        $('#myModal').removeData("modal")
        $('#myModal').modal({remote: $(this).attr("href")}).css({
            'width': function () {
                return ($(document).width() * .9) + 'px';
            },
            'margin-left': function () {
                return -($(this).width() / 2);
            }
        });
    })
})

好像$是一个jquery函数，为什么要把函数包裹在这个函数里呢？是一样的$(document).ready(function() {})吗？

Answer 1

是的，$(handlerFunction)并且与 and$(function() {})具有相同的$(document).ready(handlerFunction)效果$(document).ready(function() {})。这只是节省打字的快捷方式。

正如doco所解释的那样。