jq隐藏显示页面

说一句

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

jq隐藏显示页面

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

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

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都可以改变显示隐藏样式；