<script src=”jquery路径” type=”text/javascript”></script>
//给button定义一个id

<input id="btn" type="button" value="下一页" />

$(function(){$(".class2").hide();$("#btn").click(shownext);})
function shownext(){$(".class1").hide();$(".class2").show();}

我们通常在执行一次ajax请求过后，需要更新界面上的某些内容，一般通过动态插入dom元素。但如果改动较大，代码量就比较大。此时可以采用jquery 的load方法来实现局部刷新

<div id="content"><span>some thing</span>......</div>

$(#content).load(location.href + ' #content>*');

此时content里的内容就会被替换成最新的了，因为走的是完整的请求循环，所以，view模板上的一些权限判断等等都可以自动完成，非常方便。
注意content后面的>* (所有后代元素)不要忘记，不然他会把自身添加进来，就出现嵌套了