最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery 控制div隐藏各种方法总结
时间：2022-06-25 16:53:45 编辑：袖梨 来源：一聚教程网
方法一，利用att根据判断增加class来实现div显示隐藏
原理
我们获取用户点击事件再利用hasClass判断当前是我们定义的隐藏样式不，如果是我们就去了，不是就加上，代码如下
| 代码如下 | 复制代码 |
|
.listhide{ display:none;} |
|
html
| 代码如下 | 复制代码 | |||
|
:void(0);" onClick="ajaxlist(1);" class="xxjd" id="xxjd1">点击我看看 |
||||
点击我们显示再点击我僦隐藏了 |
||||
jquery代码
| 代码如下 | 复制代码 |
方法二利用 hide(),show()实现隐藏与显示
这是jquery自带的方法操作很简单，如
html代码
| 代码如下 | 复制代码 |
|
点击我看看
www.111com.net原创文章转注明来源
点击我试一下
|
|
隐藏实例
| 代码如下 | 复制代码 |
|
$(".xxjd").click(function(){ |
|
显示实例
| 代码如下 | 复制代码 |
|
$(".xxjdx").click(function(){ |
|
方法三，利用fadeToggle
| 代码如下 | 复制代码 |
|
$(".xxjd").click(function(){ |
|
好了各种各们的jquery隐藏显示div都定了，主要用到hide,show,fadeToggle同时还有taggle()哦，这个就不介绍了。
相关文章
- 超自然行动组员工兰技能加强了什么-兰技能调整介绍 12-09
- 清零计划2橄榄球员怎么玩 橄榄球员玩法攻略 12-09
- 明日方舟娜斯提干员怎么样-娜斯提干员强度介绍 12-09
- 清零计划2猎人怎么玩 猎人玩法推荐 12-09
- 辉烬失落绿洲怎么进入-失落绿洲进入方法 12-09
- 无限暖暖错位摄影大鱼亲小鱼怎么过-错位摄影大鱼亲小鱼任务攻略 12-09