Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Mengubah Suai Sifat CSS Menggunakan Kaedah `css()` jQuery?

Bagaimanakah Saya Boleh Mengubah Suai Sifat CSS Menggunakan Kaedah `css()` jQuery?

Barbara Streisand
Lepaskan: 2024-12-17 01:31:26
asal
915 orang telah melayarinya

How Can I Modify CSS Properties Using jQuery's `css()` Method?

Cara Menukar Sifat CSS Menggunakan jQuery

Dalam jQuery, anda boleh mengubah suai sifat CSS unsur HTML menggunakan kaedah css(). Untuk menyasarkan elemen tertentu, anda menggunakan pemilih seperti $("h1") atau $("#myParagraph").

Untuk menunjukkan, berikut ialah contoh:

$(function() {
  $("h1").css("backgroundColor", "yellow");
  $("#myParagraph").css({"backgroundColor": "black", "color": "white"});
  $(".bordered").css("border", "1px solid black");
});
Salin selepas log masuk

Walau bagaimanapun, kadangkala Perubahan CSS mungkin gagal. Untuk menyelesaikan masalah, pastikan bahawa:

  • Pustaka jQuery disertakan: Sahkan bahawa jQuery.min.js dirujuk dengan betul dalam elemen.
  • Pemilih adalah betul: Semak sama ada pemilih sepadan dengan elemen yang anda ingin gayakan.
  • Nama dan nilai harta adalah sah: Rujuk kepada sifat CSS yang betul, cth., "backgroundColor" bukannya "warna latar belakang".
  • Menutup pendakap kerinting: Semua sifat CSS dalam objek literal, seperti yang dilihat dalam $("#myParagraph").css(...), hendaklah diikuti dengan koma dan disertakan dengan pendakap kerinting.

Dalam contoh yang disediakan, pendakap kerinting penutup yang hilang untuk $("#myParagraph").css(...) baris mungkin menyebabkan isu ini. Untuk membetulkannya, pastikan ia berbunyi:

$("#myParagraph").css({"backgroundColor": "black", "color": "white"});
Salin selepas log masuk

Untuk penjelasan lanjut, rujuk dokumentasi API jQuery rasmi untuk kaedah css().

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengubah Suai Sifat CSS Menggunakan Kaedah `css()` jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan