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

jquery中隐藏元素用什么方法

青灯夜游
青灯夜游原创
2021-11-12 18:05:515707浏览

方法: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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn