<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./js/jquery.min.js"></script> <style> div { width: 100px; height: 100px; background-color: pink; } </style> </head> <body> <div>11</div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <ol> </ol> <script> //click是绑定在点击上面的 但是操作在li $("ul").on("click", "li", function() { alert(11); }); //给未来要操作的绑定事件 $("ol").on("click", "li", function() { alert(11); }); var li = $("<li>我是歌谣</li>"); $("ol").append(li); </script> </body> </html>
