Question

这段代码对我来说非常好。但它只是没有用。谁能告诉我为什么？

for (i = 0; i < 5; i++) {

    $('myButton').click(function() {

        alert(i);

    });
}

事情是我的浏览器根本没有发生任何事情。开发人员工具甚至没有显示错误。

Answer 1

您的问题是，您没有在课程中提到.，或在jquery专线中没有提到#的身份：
$('myButton').click(function()

使用前缀。用于class属性，＃用于id属性。

现在我修复了它，$('.myButton').click(function()，在这里我创建了表单和应用函数。

for (i = 0; i < 5; i++) {

    $('.myButton').click(function() {

        alert(i);

    });
}

<button type="button" class="myButton">Click Me!</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

如果你想提醒一次，我修改了代码，这里也是jsfiddle link。
如果你仍然看不到警报，那么限制浏览器。

如果你想提醒5次，如1,2,3,4,5号，请使用：jsfiddle link

Answer 2

您需要以正确的方式使用选择器。我试图举一些例子。

适用于班级：

    <button class="myButton"></button>
    $('.myButton').click(function() {
          alert(i);
    });
   // Dot (.) is using for class in selector

对于ID：

    <button id="myButton"></button>
    $('#myButton').click(function() {
          alert(i);
    });
   // Dot (#) is using for class in selector

按名称选择元素：

       <button></button>
        $('button').click(function() {
              alert(i);
        });

您也可以按元素名称选择元素，但不建议这样做，因为它将应用于所有按钮而不是同一页面。我希望这对你有帮助。

Answer 3

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <button type="button" class="myButton">Click Me!</button>


$('.myButton').click(function() {
        for (i = 0; i < 5; i++) {
                alert(i);
        }
    });

为什么这个简单的jquery代码拒绝工作

3 个答案: