जोड़ के साथ div से शैली विशेषता जोड़ना और निकालना

Question

मुझे एक परियोजना विरासत में मिली है जिस पर मैं काम कर रहा हूं और मैं कुछ jquery एनिमेशन (jquery के साथ बहुत कम अभ्यास) को अपडेट कर रहा हूं।

मेरे पास एक div है जिसे मुझे शैली विशेषता को जोड़ने और हटाने की आवश्यकता है। यहाँ div है:

<div id='voltaic_holder'>

एनीमेशन में एक बिंदु पर मुझे इसमें एक शैली जोड़ने की आवश्यकता है:

<div id='voltaic_holder' style='position:absolute;top:-75px'>

मैंने चारों ओर खोजा और .removeAttr()विधि पाई, लेकिन मैं यह नहीं देख सकता कि इसे कैसे जोड़ा जाए, या यहां तक ​​कि दूरस्थ भागों (जैसे शीर्ष: -75px केवल)।

धन्यवाद,

Comments

$('voltaic_holder').style = nullशायद? शैलियों की अपनी पूरी वस्तु वृक्ष है। अधिकांश अन्य विशेषताएँ सिर्फ कुंजी = मान प्रकार डेटा हैं।

— मार्क बी

Answer 1

आप निम्न में से कोई भी कर सकते हैं

प्रत्येक शैली की संपत्ति को व्यक्तिगत रूप से सेट करें:

$("#voltaic_holder").css("position", "relative");

एक बार में कई शैली गुण सेट करें:

$("#voltaic_holder").css({"position":"relative", "top":"-75px"});

एक विशिष्ट शैली निकालें:

$("#voltaic_holder").css({"top": ""});
// or
$("#voltaic_holder").css("top", "");

संपूर्ण शैली विशेषता निकालें:

$("#voltaic_holder").removeAttr("style")

Comments

क्या मैं प्रति पंक्ति 1 से अधिक सीएसएस संपत्ति जोड़ सकता हूं? या क्या मुझे प्रत्येक स्टाइल प्रॉपर्टी के लिए एक करना होगा जैसे: $("#voltaic_holder").css("position", "relative"); $("#voltaic_holder").css("top", "-75");

— ItsPronulate

इसका जवाब देने के लिए, हाँ आप कर सकते हैं। बस .css () फ़ंक्शन पर एक ऑब्जेक्ट शाब्दिक का उपयोग करें। जैसे $ ('foo')। Css ({'height': '30px', 'width': '50px'});

— रिचर्ड नील इलगन

@AdamAlbrecht मैं उस विशिष्ट शैली को कैसे हटा सकता हूं जिसे मैंने जोड़ा है क्योंकि $ ("# वोल्टाइक_होल्डर") में है। हटाएएटीआरटी ("शैली") यह सभी लागू शैली को हटा देता है जो नए जोड़े के साथ डिफ़ॉल्ट रूप से था।

— 3 नियम

Answer 2

voltaic_holderस्पैन की शैली विशेषता को पूरी तरह से हटाने के लिए , यह करें:

$("#voltaic_holder").removeAttr("style");

एक विशेषता जोड़ने के लिए, यह करें:

$("#voltaic_holder").attr("attribute you want to add", "value you want to assign to attribute");

केवल शीर्ष शैली को निकालने के लिए, यह करें:

$("#voltaic_holder").css("top", "");

Answer 3

यदि आप jQuery का उपयोग कर रहे हैं, CSS को जोड़ने के लिए css का उपयोग करें

$("#voltaic_holder").css({'position': 'absolute',
    'top': '-75px'});

CSS विशेषताओं को हटाने के लिए

$("#voltaic_holder").css({'position': '',
    'top': ''});

Comments

आप वोल्टाइक_होल्डर तत्व से स्थिति या शीर्ष विशेषता को नहीं हटा सकते, क्योंकि इसमें थोस विशेषता नहीं है। उन सीएसएस गुण शैली विशेषता में परिभाषित कर रहे हैं।

— पीटर ओल्सन

@ पेटर - दोह! उपयोग करने के लिए संपादित किया गया.css

— justkt

Answer 4

इसे संभालने का आसान तरीका (और बूट करने के लिए सबसे अच्छा HTML समाधान) उन कक्षाओं को स्थापित करना है जिनकी शैलियों का आप उपयोग करना चाहते हैं। फिर यह AddClass () और removeClass () , या यहां तक ​​कि toggleClass () का उपयोग करने का एक साधारण मामला है ।

$('#voltaic_holder').addClass('shiny').removeClass('dull');

या और भी

$('#voltaic_holder').toggleClass('shiny dull');

Answer 5

Anwer यहाँ है कि गतिशील रूप से jQuery का उपयोग करके टेक्स्ट-संरेखण के लिए एक शैली कैसे जोड़ें

Answer 6

महत्वपूर्ण नियम लागू नहीं होगा के लिए jQuery में .css विधि के मामले में ।

इस मामले में हमें .attr फ़ंक्शन का उपयोग करना चाहिए ।

उदाहरण के लिए: यदि आप नीचे के रूप में शैली जोड़ना चाहते हैं:

<div id='voltaic_holder' style='position:absolute;top:-75px !important'>

आपको उपयोग करना चाहिए:

$("#voltaic_holder").attr("style", "position:absolute;top:-75px !important");

आशा है कि यह कुछ मदद करता है।

Answer 7

J क्वेरी का उपयोग करके div से शैली विशेषता निकालें:

$("#TableDiv").removeAttr("style");

J क्वेरी का उपयोग करके div में शैली जोड़ें:

$("#TableDiv").attr("style", "display: none;");

HTML का उपयोग करके शैली जोड़ें:

<div class="row" id="TableDiv" style="display: none;">
</div>

आशा है कि यह उपयोगी होगा :)