javascript - jQuery函数语法？

Question

我正在使用 jquery 和 jquery 的新手。我在以下部分的代码下方。

<script type="text/javascript">
    $(function () {
            $(".lbCriterionStep3").click(function () {

                    //code

     });
  });


   $(function () {
            $(".lbCriterionStep4").click(function () {

               //code

     });
  });


</script>

这样写合适吗？函数可以包含多个 $(function () 吗？

谢谢！

Answer 1

$(function() {

实际上是调用 dom 就绪处理程序的快捷方式，例如：

$(document).ready(function() {

因此，您需要每页调用一次，例如：

$(function () {
    $(".lbCriterionStep3").click(function () {

        //code
    });
    $(".lbCriterionStep4").click(function () {

        //code
    });
});

有关更多信息，请阅读.ready() API 文档

Answer 2

仅使用$(function(){ });一次就绪事件处理程序并在其中编写所有其他事件处理程序函数用于 html 元素，但是您的方式不会导致任何错误，但会使代码变得庞大。

所以，像这样使用

<script type="text/javascript">
    $(function () {

        $(".lbCriterionStep3").click(function () {
            //code
        });

        $(".lbCriterionStep4").click(function () {
            //code
        });
    });
</script>

Answer 3

或者你可以functions在你的中调用 other function，这样就可以reusable了（你也可以在其他地方使用它们）。