jquery中如何隐藏元素

这篇文章给大家分享的是有关jquery中如何隐藏元素的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

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