periksa jQuery jika elemen ada

Memeriksa sama ada elemen HTML wujud dengan jQuery

Artikel ini menyediakan pelbagai coretan kod jQuery untuk memeriksa sama ada elemen HTML wujud di laman web semasa. Cara paling mudah adalah untuk memeriksa panjang objek dan menentukan sama ada ia wujud di DOM.

Kaedah 1: Gunakan atribut panjang

// 检查元素是否存在
if ($("#id").length) {
  // 元素存在
}

// 或检查长度是否为零
$('element').length == 0; // 元素不存在

// 或使用原生JavaScript
document.getElementById('eid') != null; // 元素存在

Kaedah 2: Sesuaikan fungsi jQuery

cara yang lebih ringkas adalah untuk mewujudkan fungsi jQuery tersuai:

jQuery.fn.exists = function(){return jQuery(this).length>0;}

if ($(selector).exists()) {
    // 元素存在，执行操作
}

Kaedah 3: Semak array objek jQuery

untuk tatasusunan objek jQuery, anda boleh menggunakan kaedah berikut:

if ( $('#myDiv')[0] ) { 
    // 元素存在，执行操作
}

FAQ

1.

Dalam pembangunan web, adalah penting untuk memeriksa sama ada unsur -unsur wujud. Ia menghalang kesilapan apabila memanipulasi unsur -unsur yang tidak wujud pada halaman. Sebagai contoh, cuba menyembunyikan unsur-unsur yang tidak wujud akan menyebabkan jQuery membuang kesilapan. Memeriksa elemen terlebih dahulu untuk kewujudan boleh mengelakkan kesilapan tersebut dan memastikan bahawa kod berjalan lancar.

2.

JQuery's. Length Property mengembalikan bilangan elemen yang sepadan dengan pemilih yang ditentukan. Jika elemen wujud, panjang. Length akan mengembalikan nilai yang lebih besar daripada 0;

3.

Walaupun mungkin menggunakan kaedah .size (), ia tidak ditetapkan dalam jQuery 1.8 dan dikeluarkan dalam JQuery 3.0. Adalah disyorkan untuk menggunakan harta tanah. Kerana ia melaksanakan fungsi yang sama, tetapi lebih cepat dan lebih efisien.

4.

cuba mengendalikan elemen yang tidak wujud akan menyebabkan jQuery membuang kesilapan, pelaksanaan kod mengganggu dan membawa kepada hasil yang tidak dijangka. Oleh itu, pastikan untuk memeriksa sama ada elemen itu wujud sebelum cuba memanipulasinya.

5.

Anda boleh menggunakan senarai pemilih yang dipisahkan koma untuk memeriksa sama ada pelbagai elemen wujud pada masa yang sama. Jika mana -mana pemilih sepadan dengan elemen pada halaman, .length akan mengembalikan nilai lebih besar daripada 0.

6.

anda boleh menggunakan atribut. Length dan periksa sama ada nilai pulangannya adalah 0 untuk memeriksa sama ada elemen tidak wujud.

7.

jQuery tidak mempunyai pemilih ": wujud". Anda boleh menggunakan jQuery.expr [':']. Extend () kaedah untuk membuat adat ": wujud" pemilih, tetapi biasanya lebih mudah dan lebih efisien untuk menggunakan atribut.

8.

Anda boleh menggunakan kaedah .find () yang digabungkan dengan atribut. Length untuk memeriksa sama ada elemen wujud dalam elemen lain.

9.

anda boleh menggunakan kaedah document.querySelector() atau document.getElementById() JavaScript asli untuk memeriksa sama ada elemen itu wujud. Jika elemen tidak wujud, kaedah ini akan kembali null.

10.

boleh meletakkan kod di dalam fungsi $(document).ready(), yang berjalan selepas DOM dimuatkan sepenuhnya, memastikan semua elemen tersedia sebelum kod dijalankan.

Atas ialah kandungan terperinci periksa jQuery jika elemen ada. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!