欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jquery中隐藏元素用什么方法

程序员文章站 2022-03-27 08:19:32
...

方法:1、使用“$(选择器).css('display','none');”;2、使用“$(选择器).attr("display","none");”;3、使用“$(选择器).hide();”;4、使用“$(选择器).toggle();”。

jquery中隐藏元素用什么方法

本教程操作环境: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中隐藏元素用什么方法的详细内容,更多请关注其它相关文章!

相关标签: jquery 隐藏元素