Utilizza jQuery attr() per impostare “css”

Question

Sto leggendo il libro “jQuery Pocket Reference”, O'Reilly 2011 Nella pagina 15, si legge

'Ad esempio, la chiamata attr ("css ", {backgroundColor:" gray "}) equivale a chiamare css ({backgroundColor:" gray "}). '

Ma non riesco a far funzionare attr ("css", {}). Il mio codice di prova: http://jsfiddle.net/4UMN3/4/

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

}); 

}); 

Il metodo css() funziona bene, http://jsfiddle.net/4UMN3/5/

Grazie

Answer 1

Sostituire:

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

con

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

Answer 2

Penso .attr di jQuery() può interessare solo gli attributi l'elemento ha. HTMLElements non conosce un attributo chiamato "css" (ovvero <div css="something"></div>).

Quindi, l'uso corretto sarebbe

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

Ma questo uscite

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

Un esempio che funziona davvero è

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

Answer 3

Probabilmente, è stato concepito per essere

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

questo può funzionare, ma ha alcuni problemi:

• E 'preferibile cambiare style proprietà invece di style attributo.
• Sostituirà tutti gli stili in linea precedentemente impostati.

Quindi, se si utilizza jQuery, meglio utilizzare css metodo:

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

Ma style proprietà è utile in vaniglia-js:

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

Answer 4

=> il metodo css modifica il attributo di stile non "css".

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

=> non esiste una cosa come attributo CSS in HTML

Answer 5

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