成都网站建设设计

将想法与焦点和您一起共享

jquery中如何隐藏元素

这篇文章给大家分享的是有关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中如何隐藏元素”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


本文名称:jquery中如何隐藏元素
网站地址:http://chengdu.cdxwcx.cn/article/jdooje.html