blocks|key|1392360|text|为什么不直接使用$('#msform').hide()呢？在场景后面，jQuery的hide和show只是设置了display:+none或display:+block。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1392361|如果已经隐藏，hide()不会更改样式。|1392362|根据下面的注释，您将使用removeAttr("style")删除所有样式，在这种情况下立即调用hide()。|1392363|例如：|1392364|$("#msform").removeAttr("style").hide();|code-block|syntax|javascript|1392365|当然，与此相反的是show()，如|1392366|$("#msform").show();|1392367|或者，更有趣的是，toggle()，它根据当前状态在hide()和show()之间进行有效的切换。|1392368|entityMap^0|8|J|16|4|1B|4|1K|D|1Y|E|0|7|6|0|C|J|1C|6|0|0|0|9|6|0|0|9|8|Q|6|X|6|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]|$9|15|A|16|B|C]|$9|17|A|18|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|19|8|@$9|1A|A|1B|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|1C|8|@$9|1D|A|1E|B|C]|$9|1F|A|1G|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|1H|8|@]|D|@]|E|$]]|$1|L|3|M|5|N|7|1I|8|@]|D|@]|E|$O|P]]|$1|Q|3|R|5|6|7|1J|8|@$9|1K|A|1L|B|C]]|D|@]|E|$]]|$1|S|3|T|5|N|7|1M|8|@]|D|@]|E|$O|P]]|$1|U|3|V|5|6|7|1N|8|@$9|1O|A|1P|B|C]|$9|1Q|A|1R|B|C]|$9|1S|A|1T|B|C]]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1U|8|@]|D|@]|E|$]]]|X|$]]

Why not just use <code>$('#msform').hide()</code>? Behind the scene jQuery's <code>hide</code> and <code>show</code> just set <code>display: none</code> or <code>display: block</code>.

<code>hide()</code> will not change the style if already hidden.

based on the comment below, you are removing all style with <code>removeAttr("style")</code>, in which case call <code>hide()</code> immediately after that.

e.g.

<pre><code>$("#msform").removeAttr("style").hide();
</code></pre>

The reverse of this is of course <code>show()</code> as in

<pre><code>$("#msform").show();
</code></pre>

Or, more interestingly, <code>toggle()</code>, which effective flips between <code>hide()</code> and <code>show()</code> based on the current state.

blocks|key|1866449|text|作为其他答案中提到的hide()的替代方案，您可以使用css()显式地设置display值：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1866450|$("#msform").css("display","none")|code-block|syntax|javascript|1866451|entityMap^0|A|6|R|5|11|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|L|$]]

As an alternative to <code>hide()</code> mentioned in other answers, you can use <code>css()</code> to set the <code>display</code> value explicitly:
<pre><code>$(&quot;#msform&quot;).css(&quot;display&quot;,&quot;none&quot;)
</code></pre>

blocks|key|1866472|text|$(document).ready(function(){
var+display+=++$("#msform").css("display");
++++if(display!="none")
++++{
++++++++$("#msform").attr("style",+"display:none");
++++}
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1866473|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$(document).ready(function(){
var display = $("#msform").css("display");
 if(display!="none")
 {
 $("#msform").attr("style", "display:none");
 }
});
</code></pre>

blocks|key|1385854|text|您可以使用jquery的hide和show函数。示例|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1385855|在您的情况下，只需设置$('#msform').hide()或$('#msform').show()|1385856|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/jquery/jquery_hide_show.asp^0|C|4|H|4|O|2|0|0|B|J|V|J|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@$9|U|A|V|1|W]]|E|$]]|$1|F|3|G|5|6|7|X|8|@$9|Y|A|Z|B|C]|$9|10|A|11|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

You can use the <code>hide</code> and <code>show</code> functions of jquery. <a href="http://www.w3schools.com/jquery/jquery_hide_show.asp" rel="nofollow">Examples</a>

In your case just set <code>$('#msform').hide()</code> or <code>$('#msform').show()</code>

blocks|key|1866489|text|根据注释，我们将从样式属性中删除一个属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1866490|在这里，这没有影响，但是当在样式中使用更多的属性时，就会有所帮助。|1866491|$('#msform').css('display',+'')|code-block|syntax|javascript|1866492|在这之后我们用|1866493|$("#msform").show();|1866494|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Based on the comment we are removing one property from style attribute.

Here this was not affect, but when more property are used within the style it helpful.

<pre><code>$('#msform').css('display', '')
</code></pre>

After this we use

<pre><code>$("#msform").show();
</code></pre>

blocks|key|50743|text|您只需使用：$("#msform").hide()。这将元素设置为display:+none。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|50744|entityMap^0|6|J|X|D|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

You can just use: <code>$("#msform").hide()</code>. This sets the element to <code>display: none</code>

blocks|key|50846|text|您可以使用jquery+attr()方法实现teh属性的设置，并使用removeAttr()方法删除元素msform的属性，如代码所示。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|50847|$('#msform').attr('style',+'display:none;');


$('#msform').removeAttr('style');|code-block|syntax|javascript|50848|entityMap|0|LINK|mutability|MUTABLE|url|https://api.jquery.com/attr/|1|https://api.jquery.com/removeAttr/^0|C|8|0|Y|C|1|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]|$A|W|B|X|1|Y]]|C|$]]|$1|D|3|E|5|F|7|Z|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|10|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]|Q|$5|L|M|N|C|$O|R]]]]

You can use the jquery <a href="https://api.jquery.com/attr/" rel="nofollow noreferrer">attr() method</a> to achieve the setting of teh attribute and the method <a href="https://api.jquery.com/removeAttr/" rel="nofollow noreferrer">removeAttr()</a> to delete the attribute for your element msform
As seen in the code

<pre><code>$('#msform').attr('style', 'display:none;');


$('#msform').removeAttr('style');
</code></pre>

blocks|key|1385880|text|请尝试使用下面的代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1385881|$('#msform').fadeOut(50);

$('#msform').fadeIn(50);|code-block|syntax|javascript|1385882|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Please try below code for it :

<pre><code>$('#msform').fadeOut(50);

$('#msform').fadeIn(50);
</code></pre>

Following is the form with id <code>msform</code> that I want to apply style="display:none" attribute to.

<pre><code>&lt;form id="msform" style="display:none;"&gt;
&lt;/form&gt;
</code></pre>

Also the check should be performed before adding the <code>"style=display:none;"</code> property. That is if it is already set like in above code it should not set again. 

But if it's not set then it should.

How should I achieve this? Please help me.

How to set "style=display:none;" using jQuery's attr method?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

下面是id msform的表单，我想应用style="display:none“属性。<form id="msform" style="display:none;"></form>此外，应该在添加"style=display:none;"属性之前执行检查。也就是说，如果已经像上面的代码一样设置了它，那么就不应该再设置。但如果它没有被设定，那它就应该。我该如何做到这一点？请帮帮我。

问如何使用jQuery的attr方法设置"style=display:none;“？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery的attr方法设置"style=display:none;“？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery的attr方法设置"style=display:none;“？
EN