Bagaimanakah Saya Boleh Mentakrifkan Berbilang Atribut CSS dengan Cekap dalam jQuery?

Definisi Atribut CSS Berbilang dalam jQuery

Walaupun keupayaan untuk mentakrifkan berbilang atribut CSS dalam satu baris disokong dalam jQuery, ia boleh membawa kepada isu kebolehbacaan. API jQuery menyediakan dua pendekatan alternatif.

Notasi DOM

jQuery memahami kedua-dua tatatanda DOM dan CSS untuk nama harta. Dalam notasi DOM, sifat sempang (cth., "warna latar belakang") boleh ditulis tanpa petikan:

.css({backgroundColor: "#ffe", borderLeft: "5px solid #ccc"})

Objek Literal

Untuk menentukan berbilang atribut CSS, gunakan literal objek sebagai hujah kepada .css() kaedah:

.css({
   'font-size' : '10px',
   'width' : '30px',
   'height' : '10px'
});

Pengesyoran

Adalah disyorkan untuk menggunakan kaedah .addClass() dan .removeClass() untuk pengurusan gaya, walaupun dengan satu atribut. Ini memastikan kebolehselenggaraan dan kebolehbacaan. Walau bagaimanapun, jika timbul keperluan untuk berbilang penugasan sifat CSS, pendekatan literal objek adalah lebih baik daripada merangkai sifat dalam berbilang panggilan .css().

Nota:

Jangan lupa untuk melampirkan sebarang nama sifat yang mengandungi tanda sempang dalam petikan apabila menggunakan tatatanda CSS.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mentakrifkan Berbilang Atribut CSS dengan Cekap dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!