Używa jQuery attr(), aby ustawić „css”

Question

Czytam książkę „jQuery Pocket Reference”, O'Reilly, 2011 Na stronie 15, to powiedział

„Na przykład wywołanie w ciekawy (" css ", {backgroundColor:" gray "}) jest tym samym, co wywołanie css ({backgroundColor:" gray "}). '

Ale nie mogę sprawić, że attr ("css", {}) działa. Mój kod testowy: http://jsfiddle.net/4UMN3/4/

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

}); 

}); 

Sposób css() działa dobrze, http://jsfiddle.net/4UMN3/5/

Dzięki

Answer 1

Wymienić:

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

z

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

Answer 2

myślę .attr jQuery() może jedynie wpływać na atrybuty element ma. HTMLElements nie znają atrybutu o nazwie "css" (co oznacza <div css="something"></div>).

więc prawidłowe wykorzystanie byłoby

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

Ale to wyprowadza

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

przykładem, że rzeczywiście działa to

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

Answer 3

Prawdopodobnie to miało być

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

To może działać, ale ma pewne problemy:

• Korzystne jest, aby zmienić style własność zamiast style atrybut.
• Zastąpi wszystkie uprzednio ustawione style wbudowane.

Następnie, jeśli używasz jQuery, lepiej użyć css metody:

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

Ale style właściwość jest przydatna w Vanilla-JS:

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

Answer 4

=> metoda .css modyfikuje atrybut stylu nie "css".

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

=> nie ma takiego jak atrybutu css html

Answer 5

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