<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery.js"></script> <script> $(function(){ $('#btnok').bind('click',function(){ //1.值替换 //$('ul>li:eq(2)').html('我要吃'); //2.节点替换 //$('ul>li:eq(2)').replaceWith("<li>我爱吃</li>"); //3.方法3,这样写目的就是为了让程序变得更加的灵活 var $li = $('<li></li>'); $li.html('我爱吃'); $li.bind('click',function(){ alert('虽然我爱吃，而且不怕肥'); }); $('ul>li:eq(2)').replaceWith($li); //说明，在jquery中，如果是jquery对象，建议大家采用$符号形式定义变量，这样当别人看不到$变量时候，就知道其是jquery对象 }); }); </script> </head> <body> <ul> <li>苹果</li> <li>西瓜</li> <li>香蕉</li> <li>雪梨</li> <li>哈密瓜</li> <li>葡萄</li> <li>提子</li> </ul> <hr /> <input type="button" id="btnok" value="复制" /> </body> </html>