विशेषता प्रदर्शन हटाएं: कोई नहीं; तो आइटम दिखाई जाएगी

Question

तत्व है:।

span { 
    position:absolute; 
    float:left; 
    height:80px; 
    width:150px; 
    top:210px; 
    left:320px; 

    background-color:yellow; 

    display:none;     //No display     
    border: 3px solid #111; 
} 

मैं प्रदर्शन को दूर करने के तो यह देखा जा सकता है इस कोड का उपयोग,

$ ("काल") removeAttr ("प्रदर्शन ");

लेकिन यह काम नहीं करता है। क्या मैं विधि का उपयोग कर रहा हूं या परिणाम प्राप्त करने का कोई और तरीका है?

Answer 1

इस विशेष प्रयोजन के लिए, $("span").show() काफी अच्छा होना चाहिए।

Answer 2

$('#lol').get(0).style.display=''

या ..

$('#lol').css('display', '') 

Answer 3

removeAttr() फ़ंक्शन केवल HTML विशेषताओं को हटा देता है। display एक HTML विशेषता नहीं है, यह एक सीएसएस संपत्ति है। आप सीएसएस गुणों को प्रबंधित करने के बजाय css() फ़ंक्शन का उपयोग करना चाहते हैं।

लेकिन jQuery एक show() समारोह जो वास्तव में क्या करता है आप एक संक्षिप्त कॉल में चाहते हैं प्रदान करता है:

$("span").show(); 

Answer 4

jQuery का उपयोग कर रहे है डोम, नहीं सीएसएस ही manipulates। .mySpan करने के लिए अपने सीएसएस में शब्द span बदलने का प्रयास करें, तो उस वर्ग एक या अधिक डोम तत्वों के लिए अपने HTML में तो जैसे लागू होते हैं:

... 
<span class="mySpan">...</span> 
... 

फिर, अपने jQuery बदल इस प्रकार है:

$(".mySpan").css({ display : inline }); 

यह बहुत बेहतर काम करना चाहिए।

गुड लक!

Answer 5

आप निकाल देना चाहिए "शैली" "प्रदर्शन" संपत्ति के बजाय विशेषता:

$("span").removeAttr("style"); 

Answer 6

आप कुछ क्लिक करें घटना के आधार पर काल जो शुरू में शैली = साथ छिपा हुआ है दिखाने को छिपाने के लिए योजना बना रहे हैं "प्रदर्शन: कोई" फिर .toggle() के साथ जाने का सबसे अच्छा विकल्प है।

$ ("अवधि")। टॉगल();

कारण: प्रत्येक बार आपको यह जांचने की आवश्यकता नहीं है कि शैली पहले से मौजूद है या नहीं। .toggle() उस स्थिति का स्वचालित रूप से देखभाल करेगा और वर्तमान स्थिति के आधार पर अवधि छुपाएगा/दिखाएगा।

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" value="Toggle" onclick="$('#hiddenSpan').toggle();"/> 
 
<br/> 
 
<br/> 
 
<span id="hiddenSpan" style="display:none">Just toggle me</span>