主页 / 问题 / 1181207
Accepted
ExtraCamelot
Asked:2020-09-23 00:50:27 +0000 UTC2020-09-23 00:50:27 +0000 UTC

jQuery id 即时分配

  • 772

请帮助我了解更改 id 时脚本的工作原理。这是html中的代码：

<button id="hello">
    Вывод сообщения
</button>
<button id="change">
    Изменить вывод
</button>

和脚本：

    $('#hello').on ('click', function () {
        alert ('Привет!');
    });
    $('#bye').on ('click', function () {
        alert ('Пока!');
    });
    $('#change').on ('click', function () {
        $('#hello').attr('id','bye');
    });

这个想法是，当您单击“更改”按钮时，按钮 ID 将更改（“你好”到“再见”），并相应地显示不同的消息。id 本身会发生变化，但会执行分配给“hello”的函数。为什么它不拿起分配给“再见”的功能？谢谢！

javascript

1 个回答

  1. Best Answer

    因为线

    $('#hello').on ('click', function () { ...

    通过查找特定元素id并将事件处理程序附加到它。

    一条线

    $('#bye').on ('click', function () { ...

    什么都找不到。

    $(document).on('click', '#hello', function () {
    alert ('Привет!');
});
$(document).on('click', '#bye', function () {
    alert ('Пока!');
});
    • 3

相关问题