Shulou(Shulou.com)06/01 Report--

Xiaobian to share with you how jquery hides the span element, I believe most people do not know how, so share this article for your reference, I hope you have a lot of harvest after reading this article, let's go to understand it together!

Hiding methods: 1. Use "$("span").hide();" statement to hide;2. Use "$("span").toggle(false);" statement to hide;3. Use "$("span").css ('display ','none');" statement to hide.

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery隐藏span元素

在jquery中，有多种方法可以隐藏span元素。

hide()

toggle(false)

css('display','none')

attr('style','display:none')

示例：

这是一个标题 这是一个span元素。

这是一个p元素。

隐藏span元素

jq代码：

//方法1 $(document).ready(function(){ $("button").click(function(){ $("span").hide(); }); });//方法2 $(document).ready(function(){ $("button").click(function(){ $("span").toggle(false); }); });//方法3 $(document).ready(function(){ $("button").click(function(){ $("span").css('display','none'); }); });//方法4 $(document).ready(function(){ $("button").click(function(){ $("span").attr('style','display:none'); }); });

效果是一样的：

That's all for "how jquery hides span elements." Thanks for reading! I believe that everyone has a certain understanding, hope to share the content to help everyone, if you still want to learn more knowledge, welcome to pay attention to the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.