hc学习平台

 找回密码
 立即注册
搜索
热搜: 活动 交友 javakc
 › 学习交流 › jQuery › 在jquery中,想让一个元素隐藏,用___方法实现,显示用___方法实现。
查看: 2103|回复: 4
打印 上一主题 下一主题

在jquery中,想让一个元素隐藏,用___方法实现,显示用___方法实现。

[复制链接]

2228

主题

0

帖子

0

博客

admin

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

跳转到指定楼层
楼主
发表于2015-10-23 18:46:48 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

0

主题

6

帖子

0

博客

Loris

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-07-21 18:36:24 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

设定一个div块

<input type="button" id="hide_show">

<div id="show_hide" style="display:none;"></div>

这个div块 默认状态下是隐藏的

$('#hide_show').click(function(){

    

    if($('#show_hide').is(':hidden')){
                $('#hide_show').show();
            }else{
                $('#hide_show').hide();
            }



});

0

主题

1402

帖子

0

博客

马鹏磊

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-10-21 09:02:55 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

先设置想要隐藏的元素的 id="ul2" style="display:none;"

再 设置一个 点击就显示的按钮 id="show" value="显示"

隐藏:$('#ul2').hide();

显示:$('#ul2').show();

 

$('#show').click(function()
      {
       if($('#show').val()=='显示'){
       $('#ul2').show();
       $('#show').val('隐藏');
      }else if($('#show').val()=='隐藏'){
       
       $('#ul2').hide();
       $('#show').val('显示');
      
      }
      });

 

 

 

0

主题

1636

帖子

0

博客

renmihe

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-10-21 14:14:25 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

隐藏hide()

显示show()

0

主题

1932

帖子

0

博客

740317431

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-09-15 18:40:24 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

hide()

show()

0

主题

1902

帖子

0

博客

王之神判

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-09-16 17:01:09 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
hide()    show()

0

主题

1694

帖子

0

博客

wulinan

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-09-19 19:47:04 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
show()   hide()

0

主题

435

帖子

0

博客

雒鑫鑫

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-11-09 18:03:30 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

ON SHOW