1，匹配选择器eq()
2，clone()，以前没用过
3，live()，
通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素），如果不用live，第二次将不能在点击了。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>点击第二个，追加到后面</title>
<style>
#box div{ background:#4f8a00; margin:10px 0; border:2px solid #000;}
</style>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<script>
$(function(){
$("#box div:eq(1)").live("click",function(){
alert("ddd");
$("#box div:eq(2)").after($("#box div:eq(0)").clone());
$("#box div:eq(0)").remove();
})
})
</script>
</head>
<body>
<div id="box">
<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
