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

JavaScript04

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不能传数组的,所以你先要把数组转化成字符串,什么格式你自己看着办,都支持

通过css控制div高度,控制文字行数(css 中隐藏超过div高度的内容)

给div添加点击 js事件,并且记录前一个点击的div

每次点击div的时候当前div高度动态设置,并且获取记录的前一个div对象设置其高度

总结就是 js+css 就可以实现

不要问我要代码,因为思想比代码重要,而且不可能为了这么简单的需求去写一个代码