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('成功了！');});

来源：http://www.cnblogs.com/qiuchuanji/p/7662181.html