panduan penggunaan kaedah css() jQuery_jquery

Definisi dan penggunaan

Kaedah

css() mengembalikan atau menetapkan satu atau lebih atribut gaya elemen yang dipadankan.

Kembalikan nilai sifat CSS

Mengembalikan nilai sifat CSS bagi elemen padanan pertama.

Nota: Ciri CSS ringkas (seperti "latar belakang" dan "sempadan") tidak disokong apabila digunakan untuk mengembalikan nilai.

Salin kod Kod adalah seperti berikut:

$(selector).css(nama)

nama diperlukan. Menentukan nama sifat CSS. Parameter ini boleh mengandungi sebarang sifat CSS. Contohnya "warna".

Contoh
Dapatkan nilai atribut gaya warna perenggan pertama:

Salin kod Kod adalah seperti berikut:

$("p").css("warna");

Tetapkan sifat CSS

Menetapkan sifat CSS yang ditentukan pada semua elemen padanan.

Salin kod Kod adalah seperti berikut:

$(selector).css(nama,nilai)

nama diperlukan. Menentukan nama sifat CSS. Parameter ini boleh mengandungi sebarang sifat CSS, seperti "warna".

nilai pilihan. Menentukan nilai sifat CSS. Parameter ini boleh mengandungi sebarang nilai sifat CSS, seperti "merah".

Jika nilai rentetan kosong ditetapkan, alih keluar atribut yang ditentukan daripada elemen.

Contoh
Tetapkan warna semua perenggan kepada merah:

Salin kod Kod adalah seperti berikut:

$("p").css("warna","merah");

Gunakan fungsi untuk menetapkan sifat CSS

Tetapkan nilai atribut gaya dalam semua elemen padanan.
Fungsi ini mengembalikan nilai harta yang akan ditetapkan. Menerima dua parameter, indeks ialah kedudukan indeks elemen dalam koleksi objek, dan nilai ialah nilai atribut asal.

Salin kod Kod adalah seperti berikut:

$(selector).css(nama,fungsi(indeks,nilai))

nama diperlukan. Menentukan nama sifat CSS. Parameter ini boleh mengandungi sebarang sifat CSS, seperti "warna".

Salin kod Kod adalah seperti berikut:

fungsi(indeks,nilai)

Menentukan fungsi yang mengembalikan nilai baharu sifat CSS.
indeks - pilihan. Menerima kedudukan indeks pemilih
nilai lama - pilihan. Menerima nilai semasa sifat CSS.

Contoh 1
Tetapkan warna semua perenggan kepada merah:

Salin kod Kod adalah seperti berikut:

$("butang").klik(fungsi(){
$("p").css("warna",fungsi(){kembali "merah";});
});

Contoh 2
Tingkatkan lebar div secara beransur-ansur:

Salin kod Kod adalah seperti berikut:

$("div").klik(fungsi() {
$(this).css(
"lebar", fungsi(indeks, nilai) {return parseFloat(value) * 1.2;}
);
});

Tetapkan berbilang pasangan sifat/nilai CSS

Salin kod Kod adalah seperti berikut:

$(selector).css({property:value, property:value, ...})

Menetapkan objek pasangan nama/nilai sebagai atribut gaya semua elemen padanan.
Ini ialah cara terbaik untuk menetapkan sejumlah besar sifat gaya pada semua elemen padanan.

{property:value}
Diperlukan. Menentukan objek pasangan nama/nilai untuk ditetapkan sebagai atribut gaya.
Parameter ini boleh mengandungi beberapa pasangan nama/nilai sifat CSS. Contohnya {"color":"red","font-weight":"bold"}

Contoh

Salin kod Kod adalah seperti berikut:

$("p").css({
"warna":"putih",
"warna latar belakang":"#98bf21",
"font-family":"Arial",
"font-size":"20px",
"padding":"5px"
});

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.