最新下载
热门教程
- 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
| 代码如下 | 复制代码 | |||
|
javascript: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()哦，这个就不介绍了。
相关文章
- 碧蓝航线的里雅斯特期待的便当时间皮肤有什么 04-30
- 明日之后踏浪逐星服装展示攻略 04-30
- 深空之眼幽月塞勒涅刻印搭配核心思路 04-30
- 明日之后红杉茶会护卫队首领BOSS有哪些 04-30
- CF手游段位奖励汇总攻略 04-30
- 无期迷途5-13怎么走攻略 04-30