Dlaczego potrzebne są nawiasy klamrowe podczas używania jQuery do regulacji szerokości i wysokości?

Question

Następujący kod podwajający szerokość i wysokość obiektów działa dobrze. Po prostu nie rozumiem, dlaczego potrzebne są nawiasy klamrowe.

var target = $('#target'); 
target.css({ 
    width: target.width() * 2, 
    height: target.height() * 2 
}); 

Answer 1

myślę, trzeba użyć tej

var target=$('#target'); 
target.css("width",target.width()*2); 
target.css("height",target.height()*2); 

Answer 2

nawiasach klamrowych {} są potrzebne, aby ustawić wiele CSS właściwości. Tutaj próbujesz ustawić width i height.

Wystarczy check here uzyskać więcej informacji na ten temat, a tutaj jest oficjalnym jquery api reference.

Answer 3

Konieczne są nawiasy klamrowe, ponieważ przekazujesz literał obiektu jako parametr do funkcji jQuery .css. Według documentation można go używać tak:

.css (właściwości)
Właściwości
Typ: PlainObject
Przedmiotem par właściwość wartości ustawić.

Tak więc width i height nie są dwoma różnymi parametrami. Są to dwie różne właściwości pojedynczego obiektu, w którym nazwa właściwości jest stylem do zmiany, a właściwość wartością do zmiany.

Mozilla ma następujący powiedzieć o literałach obiektów:

Przedmiotem dosłownym jest lista zero lub więcej par nazw właściwości i związanych z nimi wartości obiektu, umieszczone w nawiasie klamrowym ({}).

Jeśli z jakiegoś powodu chcą uniknąć za pomocą literałów obiektów, można zrobić to tak:

target.css("width", target.width()*2); 
target.css("height", target.height()*2); 

albo to:

target.width(target.width()*2); 
target.height(target.height()*2);