首页 > web前端 > 前端问答 > jquery中隐藏元素用什么方法

jquery中隐藏元素用什么方法

青灯夜游
发布: 2021-11-12 18:05:51
原创
5715 人浏览过

方法: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中隐藏元素用什么方法的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板