on()方法的几种用法

　第一种：

　　$("p").on("click",function(){

　　　　alert("段落被点击了。");

　　});

 

　第二种：

　　使用on来监控input框在输入的val的长度

　　<input type="text" class="txt">

　　$('.txt').on('input',function(){
    　　len=$('.txt').val().length;
    　　console.log(len);
　　});

第三种：
　　给没有生成的dom添加click事件

　　<ul class="list">
    　　<li class="list_item">内容一</li>
　　</ul>
　　以上HTML在页面加载的时候就会出来，给它加点击事件是没有问题的，但是如果ul里面的内容发生改变，

　　<li class="list_item1">内容一</li>
　　这样的话，先的事件就不会执行，那么就需要用到on()，以下是JS代码

$('.list').on('click','.list_item1',function(){
    alert('成功了！');
});

转载于:https://www.cnblogs.com/qiuchuanji/p/7662181.html