HTMLページコード
<p> <h1>Click</h1> <button class="add">Click me to add new item</button> <ul class="li"> <li>I am old item.<button class="delete">Delete</button></li> <li>I am old item.<button class="delete">Delete</button></li> <li>I am old item.<button class="delete">Delete</button></li> </ul> </p>
jQuery Clickイベント
<script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(".add").click(function(){ $(".li").append('<li>I am new item.<button class="delete">Delete</button></li>'); }); $(".delete").click(function(){ $(this).parent().remove(); }); </script>
上記の例からわかるように、ボタンを通じて追加されたliは、新しく追加されたHTMLコードであり、クリックされないため削除できません。イベントはバインドされています。
-->
以上がjQueryのon()とclick()の違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。