Bagaimana untuk mengecualikan div dengan jquery

Apabila menggunakan jQuery untuk mengendalikan halaman HTML, anda sering menghadapi situasi di mana anda perlu mengecualikan elemen tertentu. Terdapat banyak cara untuk mengecualikan elemen Artikel ini akan memperkenalkan cara menggunakan jQuery untuk mengecualikan elemen div melalui contoh.

1. Sintaks asas

Dalam jQuery, anda boleh menggunakan kaedah not() untuk mengecualikan elemen tertentu. Kaedah not() boleh menerima pemilih sebagai parameter untuk mengecualikan elemen yang tidak diperlukan daripada set elemen padanan.

Sintaks asas adalah seperti berikut:

$(selector).not(selector)

Antaranya, parameter pemilih pertama ialah pemilih elemen yang akan dikendalikan, dan parameter pemilih kedua ialah pemilih bagi elemen untuk dikecualikan.

2 Kecualikan satu elemen div

Mari lihat contoh mudah dahulu. Katakan terdapat kod HTML berikut:

<div class="wrapper">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
  <div class="box excluded">Box 4</div>
  <div class="box">Box 5</div>
</div>

Sekarang kita perlu mengecualikan salah satu elemen div dengan kelas "dikecualikan" dan hanya beroperasi pada elemen lain. Kita boleh menggunakan kod berikut:

$('.box').not('.excluded').css('background-color', 'gray')

Dalam kod di atas, mula-mula gunakan pemilih ".box" untuk memilih semua elemen div dengan kelas "box", dan kemudian gunakan kaedah not() untuk mengecualikan elemen div "dikecualikan" kelas. Akhir sekali, gunakan kaedah css() untuk menetapkan warna latar belakang elemen ini kepada kelabu.

3 Kecualikan berbilang elemen div

Selain mengecualikan satu elemen div, kami juga boleh mengecualikan berbilang elemen. Pertimbangkan kod HTML berikut:

<div class="wrapper">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
  <div class="box excluded">Box 4</div>
  <div class="box">Box 5</div>
  <hr>
  <div class="panel">Panel 1</div>
  <div class="panel">Panel 2</div>
  <div class="panel">Panel 3</div>
  <div class="panel excluded">Panel 4</div>
  <div class="panel">Panel 5</div>
</div>

Sekarang kita perlu mengecualikan semua elemen dengan kelas "dikecualikan", sama ada div atau elemen lain. Anda boleh menggunakan kod berikut:

$('*').not('.excluded').css('color', 'red')

Dalam kod di atas, gunakan kad bebas "*" untuk memilih semua elemen, kemudian gunakan kaedah not() untuk mengecualikan elemen dengan kelas "dikecualikan", dan akhirnya gunakan kaedah css() untuk memilih elemen ini Warna teks elemen ditetapkan kepada merah. Adalah penting untuk ambil perhatian bahawa penggunaan kad bebas akan beroperasi pada semua elemen pada halaman, jadi gunakannya hanya jika anda benar-benar memerlukannya.

4. Ringkasan

Artikel ini memperkenalkan cara untuk mengecualikan elemen div dalam jQuery. Kaedah not() boleh digunakan untuk mengecualikan elemen yang tidak perlu daripada set elemen yang dipadankan, dengan itu mencapai operasi pada elemen yang diperlukan. Perlu diingat bahawa peraturan yang dikecualikan boleh menjadi pemilih untuk satu atau lebih elemen, atau kad bebas. Dalam penggunaan sebenar, kaedah yang sesuai harus dipilih mengikut situasi tertentu untuk mengelakkan kesan yang tidak perlu.

Atas ialah kandungan terperinci Bagaimana untuk mengecualikan div dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!