jQuery इनलाइन सीएसएस

Question

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

$('.element').css('padding', '10px'); 

यह होगा फिर से प्रारूप पूरा इनलाइन सीएसएस कुछ जोड़ना होगा। (यह भी उदाहरण के लिए background-color: #ffffff; स्थानान्तरण करने के लिए -।>background-color: rgb(255,255,255);

यहाँ एक छोटे से बेला है https://jsfiddle.net/chickberger/ppas2zrh/1/

Iam अनुमान लगा कि यह सिर्फ jQuery/Javscript वाक्य रचना इनलाइन शैलियों पर लागू होने वाले है thats मामले हैं। वहाँ इस? मेरा मुख्य समस्या से बचने के पृष्ठभूमि छवि यूआरएल पर डबल कोट्स हैं किसी भी मौका है।

Answer 1

में, कर सकते हैं।
कोड को $('.style-me')[0].style.padding = '10px' के साथ बदलें और कुछ भी नहीं बदलेगा।

यह मोज़िला में होता है, यह क्रोम में नहीं होता है। और आप इसके बारे में कुछ नहीं कर सकते हैं।

$('.style-me').attr('style', 
    $('.style-me').attr('style') + ';padding:10px' 
) 

जैसे गुणों को छोड़कर शायद यह बुरा विचार है।

Answer 2

आम तौर पर है कि कैसे विशेषता संशोधनों jQuery में होती हैं। यह इस प्रारूप के साथ डोम पर विशेषता का पुनर्लेखन।

आप एकल उद्धरण का उपयोग करें, या उद्धरण से बच गया यह jQuery नहीं है यह ब्राउज़र है अपने इनलाइन पृष्ठभूमि CSS नियम

style="background-image: url('single/quotes/around/the/path');"