jqueryattr()如何显示隐藏元素

本篇内容主要讲解“jquery attr()如何显示隐藏元素”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“jquery attr()如何显示隐藏元素”吧!

创新互联公司专注于三沙企业网站建设,响应式网站开发,商城网站制作。三沙网站建设公司,为三沙等地区提供建站服务。全流程定制开发，专业设计，全程项目跟踪，创新互联公司专业和态度为您提供的服务

attr()显示和隐藏元素的方法：1、使用“$("元素").attr("style","display:block");”语句显示元素；2、使用“$("元素").attr("style","display:none");”语句隐藏元素。

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

在jquery中，可以利用attr()方法给元素的styles属性添加display样式来显示或隐藏元素。

• display:block可显示元素

• display:none可隐藏元素

实现代码：

	
		
		
		
			$(document).ready(function() {
				$("#but1").click(function() {
					$("div").attr("style","display: none;");
				});
				$("#but2").click(function() {
					$("div").attr("style","display: block;");
				});
			});
		
		
	
	
		
hello
		
欢迎来到创新互联！
		隐藏元素 显示元素
	

到此，相信大家对“jquery attr()如何显示隐藏元素”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！