1. 程式人生 > 其它 >jQuery練習t232,從0到1

jQuery練習t232,從0到1

技術標籤:jQueryJavaScriptjavascriptjquery

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-3.5.1.js"></script>
    <script>
        $(function () {
            //繫結事件
            //動態建立元素
           var $btn1 = $('<input type="button" id="btn1" value="按鈕">');
           $("body").append($btn1);

           $("#btn1").on("click",function () {
              alert("動態建立的元素on繫結事件");
           });
        });

        /*
        解惑
        從jQuery1.7開始,對於繫結事件,jQuery官方建議使用on方法來統一
        取代以前的bind(),live()和delegate()方法;
        對於解綁事件,jQuery官方也建議使用off()來統一取代以前的
        unbind(),die(),undelegate()方法。
        因此,大家今後看到bind,live等方法,直接忽略。
         */
    </script>
</head>
<body>

</body>
</html>