jquery - 如何使用Jquery编写点击事件？哪种方式是正确的？

Question

我是 Jquery 新手。我的代码有问题，我很困惑在为点击事件编写 jquery 代码时哪种方法是正确的。请帮助我并提前解释一下，谢谢!

第一种方法:

<script type="text/javascript">

$('a').click(function(){ 
    alert('you clicked a tag !!! ');
});

</script>

第二种方法:

<script type="text/javascript">
        $(document).ready(function(){
            $('a').click(function(){ 
                alert('you clicked a tag !!! ');
            });
        });

</script>

当我编写两种测试方法时，只有第二个方法成功并显示警报，但第一个方法什么也不做。另外我评论http://api.jquery.com/click/第一个是他们编写示例的方式，但它运行成功，这让我很困惑。

<script>
    $("p").click(function () { 
      $(this).slideUp(); 
    });
    $("p").hover(function () {
      $(this).addClass("hilite");
    }, function () {
      $(this).removeClass("hilite");
    });
</script>

Answer 1

第一个未成功的原因是尚未加载任何 a 元素(前提是将您的脚本放置在页面的标题中)。

使用 $(document).ready(..) 使您的代码在 DOM 准备好进行操作时运行，从而允许 jQuery 将点击事件附加到您的 a-元素。

一般来说，在 $(document).ready 事件触发之前，您不应该开始运行 DOM 操作代码，以确保您需要的一切都可用。