jquery 怎么实现展开和收起按钮之间的切换
在jquery中，通过获得按钮对象，使用if语句判断其文字，便可以实现切换。下面小编以让div展开和收起为例，讲解jquery怎么实现展开和收起按钮之间的切换。
东西/原料
- html+jquery
- 代码编纂器：Dreamweaver CS5
方式/步调
- 1
新建一个html文件，定名为test.html，用于讲解jquery怎么实现睁开和收起按钮之间的切换。
- 2
在test.html文件内，利用div建立一个模块，用于测试。
- 3
在css标签内，设置div的样式 ，界说其高度和宽度为100px，布景颜色为红色。
- 4
在test.html文件内，建立一个button按钮，用于实现睁开和收起文字的切换。
- 5
在js标签内，在页面打开时，就获得button对象，给它绑定click事务，点按钮被点击时，经由过程text()获得按钮的文字，利用if语句判定其文字是否等于睁开，若是前提当作立，则利用show方式将div睁开，并利用text()方式将按钮文字改为收起，不然，利用hide()方式埋没div，并将按钮文字改为睁开。
- 6
在浏览器打开test.html文件，点击按钮，查看实现的结果。
END
总结：
- 1
1、建立一个test.html文件。
2、在文件内，建立一个div模块和一个button按钮。
3、在js标签内，获得button对象，给它绑定click事务，点按钮被点击时，经由过程text()获得按钮的文字，利用if语句判定其文字是否等于睁开，若是前提当作立，则利用show方式将div睁开，并利用text()方式将按钮文字改为收起，不然，利用hide()方式埋没div，并将按钮文字改为睁开。
END
注重事项
- show()方式用于将埋没的元素显示出来，hide()方式用于将显示的元素埋没起来。
- 发表于 2020-03-10 19:00
- 阅读 ( 874 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章