JQuery如何实现点击查看更多,显示更多内容

JavaScript012

JQuery如何实现点击查看更多,显示更多内容,第1张

1、新建一个html文件,命名为test.html。

2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

3、在test.html文件内,在p标签内,使用button标签创建一个按钮,按钮名称为“按钮”。

4、在test.html文件内,设置button标签的id为mybtn,主要用于下面通过该id获得button对象。

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行btnfun()函数。

6、在js标签中,创建btnfun()函数,在函数内,通过id(mybtn)获得button对象,使用attr()方法将disabled属性设置为disabled,让按钮变成不可用状态即可。

不想给你写,我就给你说原理吧,用第一个按钮给个onclick=fun1() 第二个给onclick=fun2()

然后写着两个函数,fun1中的ajax调用的sql语句加limit 10,fun2 中ajax不加limit不就完了

对了ajax不能传数组的,所以你先要把数组转化成字符串,什么格式你自己看着办,都支持