jq隐藏显示页面

最新推荐文章于 2025-06-24 10:55:52 发布

会飞的鱼@

最新推荐文章于 2025-06-24 10:55:52 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： WEB 文章标签： html

本文链接：https://blog.youkuaiyun.com/wenming111/article/details/90317962

WEB 专栏收录该内容

9 篇文章

订阅专栏

博客介绍了使用jq实现页面隐藏显示功能。通过div修改页面属性改变风格，初始将页面显示风格设为display:none，再用jq语法更改。还提及可使用visibility或display改变样式，涉及html设计、css样式和javascript代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jq隐藏显示页面

- 说一句
- jq隐藏显示页面

说一句

知识是自己的，谁也拿不走的，代码来源于实践，如有错误请留言，感谢你的阅读。

jq隐藏显示页面

使用div修改页面属性来改变页面的风格：使用jq语法更改页面的样式；
初始将页面是显示风格设置为display：none；通过jq语法更改页面风格

简单功能记录 ，页面布局我如下：

1、html设计

<div class="login_form">
   <!--html设计--!>
</div>

2、css样式

 .login_form{
 /*css样式*/
	display: none;
}

3、javascript代码

        
         //显示
		$(".login").click(function() {
			$(".login_form").css('display', 'block'); //表示设置为可用
			$(".cd-user").css("visibility","visible");
		});
		 //隐藏
         $(".cd-close-form").click(function(){
			$(".login_form").css('display', 'none'); //表示设置为可用
			$(".cd-user").css("visibility","hidden");
         });

使用visibility 或者使用display都可以改变显示隐藏样式；