<!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>
