在jquery中 ， 通过获得按钮对象 ， 使用if语句判断其文字 ， 便可以实现切换 。 下面小编以让div展开和收起为例 ， 讲解jquery怎么实现展开和收起按钮之间的切换 。
文章插图
需要这些哦
html+jquery
代码编纂器：Dreamweaver CS5
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解jquery怎么实现睁开和收起按钮之间的切换 。
文章插图
2在test.html文件内 ， 利用div建立一个模块 ， 用于测试 。
文章插图
3在css标签内 ， 设置div的样式 ， 界说其高度和宽度为100px ， 布景颜色为红色 。
文章插图
4【jquery 怎么实现展开和收起按钮之间的切换】在test.html文件内 ， 建立一个button按钮 ， 用于实现睁开和收起文字的切换 。
文章插图
5在js标签内 ， 在页面打开时 ， 就获得button对象 ， 给它绑定click事务 ， 点按钮被点击时 ， 经由过程text()获得按钮的文字 ， 利用if语句判定其文字是否等于睁开 ， 若是前提当作立 ， 则利用show方式将div睁开 ， 并利用text()方式将按钮文字改为收起 ， 不然 ， 利用hide()方式埋没div ， 并将按钮文字改为睁开 。
文章插图
6在浏览器打开test.html文件 ， 点击按钮 ， 查看实现的结果 。
文章插图
文章插图
文章插图
总结：11、建立一个test.html文件 。
2、在文件内 ， 建立一个div模块和一个button按钮 。
3、在js标签内 ， 获得button对象 ， 给它绑定click事务 ， 点按钮被点击时 ， 经由过程text()获得按钮的文字 ， 利用if语句判定其文字是否等于睁开 ， 若是前提当作立 ， 则利用show方式将div睁开 ， 并利用text()方式将按钮文字改为收起 ， 不然 ， 利用hide()方式埋没div ， 并将按钮文字改为睁开 。
注重事项show()方式用于将埋没的元素显示出来 ， hide()方式用于将显示的元素埋没起来 。
推荐阅读
- 苹果手机iPhone怎么设置铃声
- 抖音开头黑屏字幕怎么做
- 精武英雄1.0正式版攻略 开局怎么玩
- 祝福语贺卡 怎么做祝福语的贺卡
- 精武英雄1.0正式版怎么获得装备 如何升级
- 恐龙怎么折 恐龙的简单折法
- 精武英雄1.0正式版怎么快速获得木材
- qq怎么获得幸运字符
- 微信怎么快速查看防疫健康码
- qq幸运字符是什么，怎么使用