jquery menentukan tunjukkan dan sembunyikan

jQuery menentukan paparan dan penyembunyian

jQuery ialah perpustakaan JavaScript yang digunakan secara meluas dalam pembangunan web. Dalam pembangunan web, selalunya perlu untuk menunjukkan atau menyembunyikan elemen tertentu berdasarkan pertimbangan bersyarat. Fungsi ini boleh dicapai dengan mudah menggunakan jQuery.

jQuery menyediakan beberapa kaedah untuk menentukan sama ada sesuatu elemen ditunjukkan atau disembunyikan. Berikut ialah beberapa kaedah yang biasa digunakan:

1. kaedah is()

kaedah is() digunakan untuk menentukan sama ada elemen sepadan dengan pemilih yang ditentukan atau elemen DOM tertentu. . Jika syarat dipenuhi, ia mengembalikan benar, jika tidak ia mengembalikan palsu.

Contoh:

if ($('#element').is(':visible')) {
  // 元素可见
} else {
  // 元素隐藏
}

Dalam contoh ini, kaedah is() digunakan untuk menentukan sama ada elemen itu boleh dilihat. Jika kelihatan, kod dalam blok pernyataan if dilaksanakan, jika tidak, kod dalam blok pernyataan else dilaksanakan.

2. :pemilih kelihatan

:pemilih kelihatan digunakan untuk memilih semua elemen kelihatan. Mengembalikan benar jika elemen kelihatan, palsu sebaliknya.

Contoh:

if ($('#element').is(':visible')) {
  // 元素可见
} else {
  // 元素隐藏
}

Dalam contoh ini, pemilih :visible digunakan untuk menentukan sama ada elemen itu boleh dilihat. Jika kelihatan, kod dalam blok pernyataan if dilaksanakan, jika tidak, kod dalam blok pernyataan else dilaksanakan.

3. :pemilih tersembunyi

:pemilih tersembunyi digunakan untuk memilih semua elemen tersembunyi. Mengembalikan benar jika elemen tersembunyi, palsu sebaliknya.

Contoh:

if ($('#element').is(':hidden')) {
  // 元素隐藏
} else {
  // 元素可见
}

Dalam contoh ini, gunakan pemilih :hidden untuk menentukan sama ada elemen itu tersembunyi. Jika tersembunyi, kod dalam blok pernyataan if dilaksanakan, jika tidak, kod dalam blok pernyataan else dilaksanakan.

4. kaedah show() dan kaedah hide()

Kaedah show() digunakan untuk memaparkan elemen, dan kaedah hide() digunakan untuk menyembunyikan elemen. Kedua-dua kaedah boleh menunjukkan atau menyembunyikan elemen berdasarkan syarat.

Contoh:

if ($('#element').is(':hidden')) {
  $('#element').show();
} else {
  $('#element').hide();
}

Dalam contoh ini, mula-mula gunakan kaedah is() untuk menentukan sama ada elemen itu tersembunyi Jika ia tersembunyi, gunakan kaedah show() untuk memaparkan elemen. Jika tidak, gunakan kaedah hide() untuk menyembunyikan elemen . Ini membolehkan elemen ditunjukkan atau disembunyikan berdasarkan keadaan.

5. kaedah toggle()

kaedah toggle() digunakan untuk menukar elemen antara menunjukkan dan menyembunyikan. Jika elemen disembunyikan, gunakan kaedah show() untuk memaparkan elemen jika elemen dipaparkan, gunakan kaedah hide() untuk menyembunyikan elemen.

Contoh:

$('#element').toggle();

Dalam contoh ini, kaedah togol() digunakan untuk menogol paparan dan menyembunyikan elemen.

Ringkasan

Di atas memperkenalkan beberapa kaedah untuk jQuery untuk menentukan paparan dan penyembunyian, termasuk kaedah is(), :pemilih kelihatan, :pemilih tersembunyi, kaedah show() , kaedah hide() dan kaedah togol(). Anda boleh memaparkan dan menyembunyikan elemen dengan mudah dengan memilih kaedah yang berbeza mengikut situasi sebenar.

Atas ialah kandungan terperinci jquery menentukan tunjukkan dan sembunyikan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!