方法:1、使用“$(选择器).css('display','none');”;2、使用“$(选择器).attr("display","none");”;3、使用“$(选择器).hide();”;4、使用“$(选择器).toggle();”。
本教程操作环境:windows7系统、
jquery
1.10.2版本、Dell G3电脑。
jquery隐藏显示元素的四种方法
方法一:
方法二:
方法三:
hide() 方法:如果被选的元素已被显示,则隐藏该元素。
基于jQuery的AJAX和JSON的实例 中文WORD版
本文档主要讲述的是基于jQuery的AJAX和JSON的实例;过jQuery内置的AJAX功能,直接访问后台获得JSON格式的数据,然后通过jQuer把数据绑定到事先设计好的html模板上,直接在页面上显示。有需要的朋友可以下载看看
下载
show() 方法:如果被选元素已被隐藏,则显示这些元素
方法四:
toggle() 方法在被选元素上进行 hide() 和 show() 之间的切换。
该方法检查被选元素的可见状态。如果一个元素是隐藏的,则运行 show(),如果一个元素是可见的,则运行 hide() - 这会造成一种切换的效果。
相关视频教程推荐:
jQuery教程
(视频)
$(selector).css('display','none');
$(selector).css('display','block');$(selector).attr("display","none");
$(selector).attr("display","block");$(selector).hide();
$(selector).show();$(selector).toggle();