重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章给大家分享的是有关jquery中如何隐藏元素的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
目前创新互联公司已为上1000家的企业提供了网站建设、域名、网页空间、网站托管、企业网站设计、定襄网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
方法:1、使用“$(选择器).css('display','none');”;2、使用“$(选择器).attr("display","none");”;3、使用“$(选择器).hide();”;4、使用“$(选择器).toggle();”。
本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery隐藏显示元素的四种方法
方法一:
$(selector).css('display','none'); $(selector).css('display','block');
方法二:
$(selector).attr("display","none"); $(selector).attr("display","block");
方法三:
$(selector).hide(); $(selector).show();
hide() 方法:如果被选的元素已被显示,则隐藏该元素。
show() 方法:如果被选元素已被隐藏,则显示这些元素
方法四:
$(selector).toggle();
toggle() 方法在被选元素上进行 hide() 和 show() 之间的切换。
该方法检查被选元素的可见状态。如果一个元素是隐藏的,则运行 show(),如果一个元素是可见的,则运行 hide() - 这会造成一种切换的效果。
感谢各位的阅读!关于“jquery中如何隐藏元素”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!