JQuery函数语法？

Question

我正在使用jquery和jquery的新手。我的部分代码如下所示。

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

                    //code

     });
  });


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

               //code

     });
  });


</script>

这样写是否合适？函数包含多个$（function（）？

谢谢！

Answer 1

$(function() {

实际上是调用dom ready handler的快捷方式，如：

$(document).ready(function() {

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

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

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

        //code
    });
});

有关详细信息，请参阅.ready() API documentation

Answer 2

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

所以，请像这样使用

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

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

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

Answer 3

或者您可以在functions中调用其他function，以便那些reusable（您也可以在其他地方使用它们）。