Rumah  >  Artikel  >  hujung hadapan web  >  Apakah perbezaan antara css() dan addclass() dalam jQuery?

Apakah perbezaan antara css() dan addclass() dalam jQuery?

青灯夜游
青灯夜游asal
2021-12-29 16:26:272323semak imbas

Perbezaan: 1. css() lebih fleksibel daripada addclass(), css() boleh dengan mudah dan dinamik menukar atribut gaya 2. addClass() tidak boleh mendapatkan nilai gaya gaya yang ditentukan; dan css() boleh mendapatkannya; 3. Atribut gaya yang ditetapkan oleh css() mempunyai keutamaan yang lebih tinggi daripada addClass().

Apakah perbezaan antara css() dan addclass() dalam jQuery?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Perbezaan antara css() dan addclass()

Kebolehselenggaraan:

Intipati addClass() adalah untuk menambah satu atau lebih kelas pada elemen dengan mentakrifkan peraturan gaya kelas kelas. Kaedah css adalah untuk menukar gaya elemen melalui sejumlah besar kod JavaScript

Melalui .addClass(), kita boleh menetapkan peraturan bersatu untuk elemen yang sama dalam kelompok, yang lebih mudah untuk diubah dan boleh diubah suai dan dipadam secara seragam. Jika anda menggunakan kaedah .css(), anda perlu menyatakan bahawa setiap elemen harus diubah suai satu demi satu dan penyelenggaraan masa hadapan juga perlu diubah suai satu demi satu, yang lebih menyusahkan

Fleksibiliti:

Adalah mudah untuk menukar atribut gaya secara dinamik melalui kaedah .css(), tanpa perlu mentakrifkan peraturan kelas secara rumit. Secara umumnya, apabila peraturan susun atur tidak ditentukan, struktur kod HTML yang dijana secara dinamik diproses melalui kaedah .css()

nilai gaya:

Intipati .addClass() hanya untuk menambah dan memadam kelas Ia tidak boleh mendapatkan nilai atribut gaya yang ditentukan .css() boleh mendapatkan nilai gaya yang ditentukan.

Keutamaan gaya:

Gaya CSS mempunyai keutamaan Apabila peraturan gaya yang sama untuk gaya luaran, gaya dalaman dan gaya sebaris digunakan pada item yang sama pada masa yang sama masa, Apabila ia datang kepada elemen, keutamaan adalah seperti berikut:

外部样式 < 内部样式 < 内联样式
  • Kaedah addClass() ialah dengan menambah nama kelas, maka gaya ini ditakrifkan dahulu dalam fail luaran atau gaya dalaman , tunggu sehingga diperlukan dan lampirkan pada elemen

  • Gaya sebaris diproses melalui kaedah .css(), yang dilampirkan terus pada elemen

  • Atribut gaya yang ditetapkan oleh kaedah
mempunyai keutamaan yang lebih tinggi daripada kaedah

.css.addClass

Ringkasan: Kaedah .addClass dan .css mempunyai kebaikan dan keburukan tersendiri Secara amnya, ia adalah struktur statik, dan kedua-duanya menentukan peraturan susun atur untuk menambah peraturan kelas bersatu

Jika ia adalah struktur HTML dinamik, dalam Jika anda tidak pasti tentang peraturan atau jika peraturan itu kerap berubah, anda harus mempertimbangkan kaedah .css()


Disyorkan berkaitan tutorial video:

Tutorial jQuery

(Video)

Atas ialah kandungan terperinci Apakah perbezaan antara css() dan addclass() dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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