दिलचस्प पोस्ट
दिनों में पीएचपी में दिनांक अंतर? एंड्रॉइड में एक फ़ाइल से स्ट्रिंग कैसे पढ़ा / लिखें java.io.FileNotFoundException: यह फ़ाइल एक फाइल डिस्क्रिप्टर के रूप में नहीं खोई जा सकती; यह शायद संकुचित है घुमाए गए UIImageView के लिए कोई त्वरित और गंदे एंटी-अलायसिंग तकनीक? ओरेकल एसक्यूएल: किसी अन्य तालिका से डेटा के साथ तालिका को अद्यतन करें मनमानी और धाराओं के साथ गतिशील स्प्रिंग डेटा जेपीपी रिपॉजिटरी क्वेरी 2 डी बिंदु सेट में छेद खोजना? एंड्रॉइड: सूची दृश्य सामग्री को कैसे ताज़ा करना है? यूनिकोडएनकोडएअर: 'एएससीआई' कोडेक विशेष नाम पर वर्ण को एन्कोड नहीं कर सकता 'स्ट्रीम खोलने में असफल: अनुमति अस्वीकृत' त्रुटि – लैरवेल एक वैकल्पिक फैशन में दो सूचियों को गठबंधन करने का पायथनिक तरीका है? सूचकांक की परवाह किए बिना हमेशा पिछली पंक्ति डिफ़ॉल्ट टेलिबल मॉडेल से हटा दी गई थी कैसे matplotlib mplot3d या समान में एक 3 डी सरणी isosurface के एक 3 डी भूखंड प्रदर्शित करने के लिए? स्विफ्ट में NS_OPTIONS- शैली बिटमैस्क एन्यूमरेशन कैसे बनाएं? NHibernate में दोहराव के बिना कैसे उत्सुक लोड एसोसिएशनों?

JQuery में एकाधिक सीएसएस गुणों को परिभाषित करने के लिए कैसे?

क्या jQuery के किसी भी वाक्यविन्यास का तरीका बिना सीएसएस विशेषताओं को परिभाषित करने के लिए हर चीज को सही तरीके से बाहर रखता है:

$("#message").css("width", "550px").css("height", "300px").css("font-size", "8pt"); 

यदि आपके पास है, तो कहो, इनमें से 20 कोड आपके पढ़ने के लिए मुश्किल हो जाएंगे, कोई समाधान?

JQuery एपीआई से, उदाहरण के लिए, jQuery दोनों को समझता है और सही मूल्य देता है

 .css({ "background-color": "#ffe", "border-left": "5px solid #ccc" }) 

तथा

 .css({backgroundColor: "#ffe", borderLeft: "5px solid #ccc" }). 

ध्यान दें कि DOM नोटेशन के साथ, प्रॉपर्टी नाम के आस-पास उद्धरण अंक वैकल्पिक हैं, लेकिन सीएसएस नोटेशन के साथ वे नाम में हाइफ़न के कारण आवश्यक हैं। – ज़ानेटू एस

वेब के समाधान से एकत्रित समाधान "JQuery में एकाधिक सीएसएस गुणों को परिभाषित करने के लिए कैसे?"

अगर आपके पास 1 या अधिक है तो भी इसका उपयोग करने के लिए बेहतर .addClass अधिक प्रबल और पठनीय

यदि आप वास्तव में एकाधिक सीएसएस समर्थक करने के लिए आग्रह है तो उपयोग करें

एनबी किसी भी सीएसएस प्रक्षेपण के साथ एक हाइफ़न उद्धृत किया जाना चाहिए।

 .css({ 'font-size' : '10px', 'width' : '30px', 'height' : '10px' }); 

मैंने उद्धरण रखा है इसलिए कोई भी इसे स्पष्ट करने की आवश्यकता नहीं होगी, और कोड 100% कार्यात्मक होगा

इसे एक जेसन ऑब्जेक्ट पास करें:

 $(....).css({ 'property': 'value', 'property': 'value' }); 

http://docs.jquery.com/CSS/css#properties

 $('#message').css({ width: 550, height: 300, 'font-size': '8pt' }); 

एक सादे ऑब्जेक्ट का उपयोग करना, आप उन स्ट्रिंग्स को जोड़ सकते हैं, जो उनके संबंधित मानों के साथ प्रॉपर्टी नाम का प्रतिनिधित्व करते हैं। पृष्ठभूमि का रंग बदलना, और पाठ को बेटर बनाने के लिए, उदाहरण के लिए ऐसा दिखेगा:

 $("#message").css({ "background-color": "#0F0", "font-weight" : "bolder" }); 

वैकल्पिक रूप से, आप JavaScript गुण नामों का भी उपयोग कर सकते हैं:

 $("#message").css({ backgroundColor: "rgb(128, 115, 94)", fontWeight : "700" }); 

अधिक जानकारी jQuery के दस्तावेज़ीकरण में पाई जा सकती है।

कृपया यह प्रयास करें,

 $(document).ready(function(){ $('#message').css({"color":"red","font-family":"verdana"}); }) 

आप style के साथ attr भी उपयोग कर सकते style :

 $('#message').attr("style", "width:550; height:300; font-size:8px" ); 

Redsquare के साथ सहमत हालांकि यह उल्लेख के लायक है कि यदि आपके text-align तरह एक दो शब्द संपत्ति है, तो आप ऐसा करेंगे:

 $("#message").css({ width: '30px', height: '10px', 'text-align': 'center'}); 

इसे इस्तेमाल करे

 $(element).css({ "propertyName1":"propertyValue1", "propertyName2":"propertyValue2" }) 

आप यह कोशिश कर सकते हैं

 $("p:first").css("background-color", "#B2E0FF").css("border", "3px solid red"); 
 $("#message").css({"width" : "550px", "height" : "300px", "font-size" : "8pt"}); 

साथ ही, अपने प्रोजेक्ट को अधिक स्केलेबल बनाने के लिए addClass में निर्मित jQuery का उपयोग करना बेहतर हो सकता है।

स्रोत: कैसे करें: jQuery सीएसएस जोड़ें और सीएसएस निकालें

चर का उपयोग करने के लिए सबसे अच्छा तरीका

 var style1 = { 'font-size' : '10px', 'width' : '30px', 'height' : '10px' }; $("#message").css(style1);