Verwendet jQuery attr() „css“

Question

Ich lese das Buch „jQuery Pocket Reference“, O'Reilly, 2011 Sie auf der Seite 15 zu setzen, sagte er

‚Zum Beispiel attr (" css Aufruf ", {backgroundColor:" grey "}) ist das gleiche wie das Aufrufen von css ({backgroundColor:" grey "}). '

Aber ich kann nicht das Attr ("css", {}) arbeiten. Mein Testcode: http://jsfiddle.net/4UMN3/4/

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

}); 

}); 

Die css() Methode funktioniert gut, http://jsfiddle.net/4UMN3/5/

Dank

Answer 1

ersetzen:

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

mit

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

Answer 2

denke ich jQuery .attr() kann nur beeinflussen Attribute das Element. HTMLElements kennen kein Attribut namens "css" (<div css="something"></div>).

Also, die korrekte Verwendung

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

sein würde, aber dies gibt

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

Ein Beispiel, das tatsächlich funktioniert, ist

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

Answer 3

Wahrscheinlich war es gemeint sein

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

Dies kann funktionieren, hat aber einige Probleme:

• Es ist bevorzugt, style Eigenschaft statt style zu ändern Attribut.
• Es wird alle zuvor festgelegten Inline-Stile ersetzen.

Dann, wenn Sie jQuery verwenden, verwenden Sie besser css Methode:

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

Aber style Eigenschaft ist nützlich in Vanille-js:

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

Answer 4

=> die CSS- Methode modifiziert die Stilattribut nicht das "CSS".

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

=> gibt es so etwas wie CSS-Attribut in HTML

Answer 5

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