JQuery का उपयोग करके तत्व में `शैली = प्रदर्शन:“ ब्लॉक ”को कैसे जोड़ें?

Question

style=display:"block"JQuery में एक तत्व में कैसे जोड़ें ?

Answer 1

$("#YourElementID").css("display","block");

संपादित करें: या जैसा कि नीचे टिप्पणी में die thieben बताते हैं, आप यह भी कर सकते हैं:

$("#YourElementID").css({ display: "block" });

Comments

या.css({ display: "block" });

— थिएबेन जूल

@dave - या .css({ "display": "block" });केवल एक सर्किट की वजह से किसी भी समस्या के लिए शॉर्ट सर्किट display। - JSLint बिना उद्धरण के संस्करण को अस्वीकार कर देगा। ( github.com/douglascrockford/JSLint/issues/110 )

— पीटर अज़ताई

Json-esque asignment यह पाइप नीचे भेजने के लिए उपयोगी है। मुझे यह पसंद आ रहा है।

— लुइस रॉबल्स

Answer 2

प्रदर्शन संपत्ति सेट करने के उद्देश्य के आधार पर, आप एक नज़र रखना चाह सकते हैं

$("#yourElementID").show()

तथा

$("#yourElementID").hide()

Answer 3

इस कार्य को करने के लिए कई कार्य हैं जो नीचे प्राथमिकता के आधार पर लिखे गए हैं।

• .css()

मिलान किए गए तत्वों के सेट के लिए एक या अधिक सीएसएस गुण सेट करें।

$("div").css("display", "block")

// Or add multiple CSS properties
$("div").css({
  display: "block",
  color: "red",
  ...
})

• .show()

मिलान किए गए तत्वों को प्रदर्शित करें और कॉलिंग के बराबर है.css("display", "block")

आप .show()इसके बजाय का उपयोग कर तत्व प्रदर्शित कर सकते हैं

$("div").show()

• .attr()

मिलान तत्वों के सेट के लिए एक या अधिक गुण सेट करें।

यदि लक्ष्य तत्व विशेषता नहीं styleहै , तो आप इनलाइन शैली को तत्व में जोड़ने के लिए इस विधि का उपयोग कर सकते हैं।

$("div").attr("style", "display:block")

// Or add multiple CSS properties
$("div").attr("style", "display:block; color:red")

• जावास्क्रिप्ट

यदि आप jQuery का उपयोग नहीं करना चाहते हैं, तो आप शुद्ध जावास्क्रिप्ट का उपयोग करके विशिष्ट सीएसएस संपत्ति जोड़ सकते हैं ।

var div = document.querySelector("div");
// One property
div.style.display = "block";
// Multiple properties
div.style.cssText = "display:block; color:red"; 
// Multiple properties
div.setAttribute("style", "display:block; color:red");

Answer 4

यदि आपको कई जोड़ने की आवश्यकता है तो आप इसे इस तरह कर सकते हैं:

$('#element').css({
    'margin-left': '5px',
    'margin-bottom': '-4px',
    //... and so on
});

एक अच्छे अभ्यास के रूप में, मैं डैश के लिए अनुमति देने के लिए उद्धरणों के बीच संपत्ति का नाम भी डाल दूंगा क्योंकि अधिकांश शैलियों में डैश होता है। यदि यह 'प्रदर्शन' था, तो उद्धरण वैकल्पिक हैं, लेकिन यदि आपके पास डैश है, तो यह उद्धरण के बिना काम नहीं करेगा। वैसे भी, इसे सरल बनाने के लिए: हमेशा उन्हें उद्धरण में संलग्न करें।