, "सीएसएस"

Question

मैं पुस्तक "jQuery पॉकेट संदर्भ" पढ़ रहा हूँ स्थापित करने के लिए jQuery attr() का उपयोग करता है ओ रेली, 2011 पेज 15 में, यह

'उदाहरण के लिए कहा, बुला attr ("सीएसएस ", {पृष्ठभूमि रंग:" ग्रे "}) सीएसएस ({backgroundColor:" gray "} को कॉल करने जैसा ही है)। '

लेकिन मैं attr ("css", {}) काम नहीं कर सकता। मेरे परीक्षण कोड: http://jsfiddle.net/4UMN3/4/

$(function() { 
$("#btnChangeColor").click(function() { 
$("#spanText").attr("css", { backgroundColor: "gray" }); 

}); 

}); 

सीएसएस() विधि ठीक काम करता है, http://jsfiddle.net/4UMN3/5/

धन्यवाद

Answer 1

है बदलें:

$("#spanText").attr("css", { backgroundColor: "gray" }); 

$("#spanText").attr('style', 'background-color:gray'); 

Answer 2

मैं jQuery के .attr() केवल प्रभावित कर सकते हैं विशेषताओं का तत्व है लगता है। HTMLElements को "css" नामक एक विशेषता नहीं है (जिसका अर्थ है <div css="something"></div>)।

तो, सही उपयोग

$("#spanText").attr("style",{backgroundColor:"gray"}); 

होगा लेकिन इस आउटपुट

<span id="spanText" style="[object Object]">This is a test</span> 

एक उदाहरण वास्तव में कार्य करता है कि

$("#spanText").attr("style","background-color:gray;"); 

Answer 3

शायद के साथ, यह

$("#spanText").attr('style', 'background-color:gray'); 

यह काम कर सकते हैं होना चाहिए था, लेकिन कुछ समस्याएं हैं:

• यह बजाय style संपत्ति style बदलने के लिए पसंद किया जाता है विशेषता।
• यह सभी पूर्व सेट इनलाइन शैलियों को प्रतिस्थापित करेगा।

फिर, अगर आप jQuery का उपयोग करें, बेहतर css विधि का उपयोग करें:

document.getElementById("spanText").style.backgroundColor = 'gray'; 

Answer 4

=> .css विधि को संशोधित करता है:

$("#spanText").css('background-color', 'gray'); 

लेकिन style संपत्ति वेनिला-js में उपयोगी है स्टाइल विशेषता "सीएसएस" नहीं है।

$().att('style' , 'backgroundColor : gray'); 

=> कोई ऐसे में [डॉक्स] इसके बारे में

Answer 5

$("#id").attr('style', 'color:red;cursor:pointer');