Question

我是JQuery的新手，正在尝试打破代码，以便我可以看到它如何更好地工作。我提到了这种类型的代码。有没有更好的方法来打破这一点，以便一个人可以看到它所做的一切。我所看到的JQuery看起来有点整洁，因为对我来说它似乎真的很快就完成了。我认为变量可能只是在彼此内部调用的函数名。当我使它们成为函数并试图将它们称为（）和t（）时，它不起作用。

**问题：分解JQuery的最佳方法是什么，以便一个人可以看到它如何更好地工作？**

var a = function() 
        {
         $(this).hide();
        };

var t = function()
        {
         $("p").click(a);
        };

$(document).ready(t);

代码在这里：

 <!DOCTYPE html>
 <html>
 <head>

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
 </script>

<script>

var a = function() 
        {
         $(this).hide();
        };

var t = function()
        {
         $("p").click(a);
        };

$(document).ready(t);

</script>

</head>
<body>

<p>A</p>
<p>B</p>
<p>C</p>

</body>
</html>

Answer 1

而不是尝试将其分解为行，为什么不只是评论您的代码？评论可以留下有价值的反馈，以便包含在内的开发人员可以记住代码片段正在尝试做什么。

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script>
            //Wait until the entire document has loaded, then execute the code in this function
            $(document).ready(function(){
                //Setup a listener for when ever a <p> is clicked
                $('p').on('click',function(event){
                    //Execute this code when the <p> is clicked
                    $(this).hide(); // This will hide the <p> that was clicked
                });
            });
        </script>
    </head>
    <body>
        <p>A</p>
        <p>B</p>
        <p>C</p>
    </body>
</html>

如何将JQuery语句分解为更简单的读取语句？

1 个答案: