2015-01-08 5 views
19

आईडी msform के साथ फ़ॉर्म है जो मैं शैली = "प्रदर्शन: कोई नहीं" विशेषता लागू करना चाहता हूं।"शैली = प्रदर्शन: कोई भी सेट कैसे करें"; jQuery की एटीआर विधि का उपयोग कर?

<form id="msform" style="display:none;"> 
</form> 

इसके अलावा जांच "style=display:none;" संपत्ति जोड़ने से पहले किया जाना चाहिए। ऐसा है कि यह उपरोक्त कोड में पहले से सेट है, इसे फिर से सेट नहीं करना चाहिए।

लेकिन यदि यह सेट नहीं है तो इसे चाहिए।

मुझे इसे कैसे प्राप्त करना चाहिए? क्रिप्या मेरि सहायता करे।

+0

सेट * तुम क्यों शैली पूरी तरह से निकाल रहे हैं? * (नीचे टिप्पणी में उल्लेख किया है)। मुझे आपका बाकी कोड/एचटीएमएल देखना होगा, लेकिन शैलियों को बदलने से आम तौर पर ऐसा करने का बेहतर विकल्प होता है। यदि आप अधिक जानकारी प्रदान करना चाहते हैं तो आपको अधिक उपयोगी उत्तर मिल सकता है :) –

उत्तर

23

क्यों न केवल $('#msform').hide() का उपयोग करें? दृश्य के पीछे jQuery के hide और show बस display: none या display: block सेट करें।

hide() यदि पहले से छुपा हुआ है तो शैली को नहीं बदलेगा।

नीचे दी गई टिप्पणी के आधार पर, आप removeAttr("style") के साथ सभी शैली को हटा रहे हैं, इस मामले में तत्काल मामले hide() पर कॉल करें।

उदा।

$("#msform").removeAttr("style").hide(); 

इस के विपरीत

$("#msform").show(); 

या, अधिक दिलचस्प है, toggle(), जो hide() और show() के बीच प्रभावी flips वर्तमान स्थिति के आधार के रूप में पाठ्यक्रम show() की है।

+0

मैंने इसका उपयोग करने की कोशिश की लेकिन बाद में मुझे शैली विशेषता $ ("# msform") को हटाने के लिए एक कोड है। RemoveAttr ("style"); तो मैं शैली सेट करना चाहता हूं = "प्रदर्शन: कोई नहीं;"। यह कैसे करना है? –

+0

दोबारा ... 'removeAttr ("style") ' –

+0

के बाद बस' छुपाएं() 'पर कॉल करें। Hide() के साथ .hide(), मूल रूप से मैं एक छुपा तत्व जोड़ना चाहता हूं - http://jsfiddle.net/95jeL9xc/2/ –

1

आप बस उपयोग कर सकते हैं: $("#msform").hide()। यह display: none

16

hide() अन्य उत्तर में वर्णित के अलावा करने के लिए तत्व सेट, आप css() उपयोग कर सकते हैं:

$("#msform").css("display","none") 
+3

"छुपाएं()" में से 6 के बजाय 21 वर्णों का उपयोग करना मेरा एकमात्र आपत्ति होगी (यह सभी के बाद एक वेब पेज के लिए है) :) –

+0

हाँ मुझे लगता है कि आप ' एक विकल्प प्रदान करने की कोशिश कर रहे हैं, लेकिन यदि आप एक बहुत ही सरल जवाब में हराते हैं, तो अधिकतर कोई वास्तविक कारण नहीं है। – jmore009

1

आप jQuery के hide और show कार्यों का उपयोग कर सकते हैं। Examples

आपके मामले में सिर्फ $('#msform').hide() या $('#msform').show()

+0

"शो()" का उल्लेख करने का एकमात्र उत्तर, धन्यवाद! – VinGarcia

5
$(document).ready(function(){ 
var display = $("#msform").css("display"); 
    if(display!="none") 
    { 
     $("#msform").attr("style", "display:none"); 
    } 
}); 
+2

कृपया अपने उत्तर में कुछ स्पष्टीकरण जोड़ें। –

संबंधित मुद्दे