jqueryattr()如何显示隐藏元素

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

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

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

jquery attr()如何显示隐藏元素

本教程操作环境：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()如何显示隐藏元素

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

网站题目：jqueryattr()如何显示隐藏元素
链接分享：http://kswjz.com/article/ipodoo.html

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

jqueryattr()如何显示隐藏元素

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧在百度地图上找到我们

电话：13518219792

jqueryattr()如何显示隐藏元素

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧 在百度地图上找到我们

电话：13518219792

联系吧在百度地图上找到我们