Rumah hujung hadapan web tutorial js jQuery 判断页面元素是否存在的代码_jquery

jQuery 判断页面元素是否存在的代码_jquery

May 16, 2016 pm 06:48 PM
elemen halaman

例如:

复制代码 代码如下:

document.getElementById("someID").innerText("hi");

如果ID为"someID"的元素不存在,我们将得到Javascript运行错误:document.getElementById("someID") is null
正确的写法应该是:
复制代码 代码如下:

obj = document.getElementById("someID");
if (obj){
obj.innerText("hi");
}

那么在jQuery,我们如何判断页面元素存在与否呢?如果参照上面的传统Javascript的写法,我们第一个想到的办法一定是:
复制代码 代码如下:

if ($("#someID")){
$("#someID").text("hi");
}

可是这么写是不对的!因为jQuery对象永远都有返回值,所以$("someID") 总是TRUE ,IF语句没有起到任何判断作用。正确的写法应该是:
复制代码 代码如下:

if ( $("#someID").length > 0 ) {
$("#someID").text("hi");
}

注意 :判断某个页面元素存在与否在jQuery实际上是没有必要的,jQuery本身会忽略 对一个不存在的元素进行操作,并且不会报错。
复制代码 代码如下:

$(document).ready(function(){
var value=$('#btn_delXml').length;
if(value>0)
{
alert('Extsts');
}
else
{
alert('not Extsts');
}
})

下面是其它说明虽然类似,但有些文字说明
有的时候,要根据页面加载的内容不同而作不同的操作,这个时候,判断页面上是否存在这个元素(或对象)变得尤为重要。如果写JavaScript来实现,较为麻烦,而jQuery却能很容易的实现这个功能。
  我们知道,jQuery选择器获取页面的element时,无论element是否存在,都会返回一个对象。例如:
  var my_element = $("#element_Id" )
  此时的变量my_element就是一个对象,既然是一个对象,这个对象就具有length的属性,因此,用以下代码可以判断元素(对象)是否存在:
复制代码 代码如下:

if(my_element.length>0){
    alert("element is exist."); 
}else{ 
    alert("element not be found"); 
}
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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimanakah JavaScript melaksanakan fungsi seret dan isih elemen halaman? Bagaimanakah JavaScript melaksanakan fungsi seret dan isih elemen halaman? Oct 20, 2023 pm 12:28 PM

Bagaimanakah JavaScript melaksanakan fungsi seret dan isih elemen halaman? Isih seret ialah ciri yang sangat biasa dalam pembangunan web moden, yang membolehkan pengguna menukar kedudukan elemen pada halaman dengan menyeretnya. Artikel ini akan memperkenalkan cara menggunakan JavaScript untuk melaksanakan fungsi seret dan isih elemen halaman dan memberikan contoh kod khusus. Idea asas untuk melaksanakan fungsi pengisihan seret adalah seperti berikut: Pertama, cipta elemen yang memerlukan pengisihan seret dalam HTML, seperti satu set div. <

Belajar untuk membetulkan kedudukan: biarkan elemen halaman bergerak dengan menatal dan mulakan dengan cepat Belajar untuk membetulkan kedudukan: biarkan elemen halaman bergerak dengan menatal dan mulakan dengan cepat Jan 20, 2024 am 10:29 AM

Fahami kaedah penentududukan tetap dengan cepat: membuat elemen halaman anda bergerak dengan menatal memerlukan contoh kod khusus Dalam reka bentuk web, kadangkala kami mahu elemen halaman tertentu mengekalkan kedudukan tetap semasa menatal dan tidak bergerak dengan menatal. Kesan ini boleh dicapai melalui kedudukan tetap CSS (kedudukan:tetap). Artikel ini akan memperkenalkan prinsip asas kedudukan tetap dan contoh kod khusus. Prinsip penentududukan tetap adalah sangat mudah Dengan menetapkan atribut kedudukan elemen kepada tetap, elemen boleh ditetapkan pada kedudukan tertentu berbanding dengan port pandangan.

Kuasai nilai atribut biasa bagi kedudukan mutlak dan biarkan elemen halaman anda diletakkan mengikut kehendak anda Kuasai nilai atribut biasa bagi kedudukan mutlak dan biarkan elemen halaman anda diletakkan mengikut kehendak anda Jan 18, 2024 am 10:01 AM

Kuasai nilai atribut biasa bagi kedudukan mutlak dan biarkan elemen halaman anda diletakkan seperti yang anda mahukan elemen relatif kepada atribut kedudukan terdekatnya Elemen induk diposisikan. Dengan menguasai nilai atribut biasa kedudukan mutlak, kita boleh mengawal kedudukan dan susun atur elemen halaman dengan mudah. 1. Konsep asas elemen kedudukan Sebelum menggunakan kedudukan mutlak, kita perlu memahami beberapa konsep asas. Elemen induk merujuk kepada

Gunakan kandungan muat untuk mencapai reka letak berpusat mendatar bagi elemen halaman Gunakan kandungan muat untuk mencapai reka letak berpusat mendatar bagi elemen halaman Sep 09, 2023 pm 02:07 PM

Gunakan kandungan muat untuk mencapai susun atur elemen halaman berpusat mendatar Dalam reka bentuk web, reka letak elemen halaman adalah bahagian yang sangat penting. Melaksanakan susun atur elemen halaman berpusat mendatar ialah keperluan biasa. Untuk menyelesaikan masalah ini, kita boleh menggunakan sifat CSS fit-content. fit-content ialah sifat dalam CSS yang mengira lebar atau ketinggian elemen secara dinamik berdasarkan kandungannya. Dengan menetapkan lebar atau tinggi elemen kepada kandungan muat,

Sambungan PHP dan WebDriver: Bagaimana untuk melaksanakan pengesanan dan penegasan elemen halaman Sambungan PHP dan WebDriver: Bagaimana untuk melaksanakan pengesanan dan penegasan elemen halaman Jul 07, 2023 am 09:05 AM

Sambungan PHP dan WebDriver: Bagaimana untuk melaksanakan pengesanan dan penegasan elemen halaman Pengenalan: Dengan peningkatan aplikasi web, ujian automatik telah menjadi semakin penting. Semasa ujian, kami perlu mengesahkan bahawa unsur-unsur pada halaman itu wujud dan keadaannya seperti yang diharapkan. Artikel ini akan memperkenalkan cara menggunakan sambungan PHP dan WebDriver untuk melaksanakan pengesanan dan penegasan elemen halaman. 1. Persediaan Sebelum memulakan, kita perlu memastikan bahawa persekitaran berikut telah dikonfigurasikan: Pasang PHP dan Komposer Pasang W

Cara menggunakan teknologi kandungan muat untuk memusatkan elemen halaman secara mendatar Cara menggunakan teknologi kandungan muat untuk memusatkan elemen halaman secara mendatar Sep 08, 2023 pm 12:55 PM

Cara menggunakan teknologi kandungan muat untuk memusatkan elemen halaman secara mendatar Dalam reka bentuk dan pembangunan web, pemusatan mendatar ialah teknologi susun atur yang biasa dan penting. Pada masa lalu, kami sering menggunakan margin:0auto untuk mencapai pemusatan mendatar. Walau bagaimanapun, kerana sifat susun atur baharu dalam CSS terus muncul, kami kini mempunyai lebih banyak pilihan. Salah satu teknik yang berkuasa ialah menggunakan atribut kandungan muat. Ia secara automatik boleh mengira lebar yang sesuai berdasarkan saiz kandungan sebenar elemen untuk mencapai pemusatan mendatar.

Apakah elemen halaman dalam PHP? Apakah elemen halaman dalam PHP? Aug 23, 2023 pm 01:07 PM

Elemen halaman dalam PHP termasuk tajuk, perenggan, hiperpautan, imej, jadual, borang, butang, senarai, kotak teks, menu lungsur, kotak semak, butang radio, kawasan teks dan halaman. Pengenalan terperinci: 1. Tajuk digunakan untuk menentukan kandungan utama halaman web Anda boleh menggunakan tag <h1> hingga <h6> HTML untuk mencipta peringkat tajuk yang berbeza 2. Perenggan digunakan untuk menyusun dan memaparkan kandungan teks. Anda boleh menggunakan tag <p > HTML untuk mencipta perenggan 3. Hiperpautan digunakan untuk menavigasi antara halaman yang berbeza Anda boleh menggunakan tag <a> HTML untuk membuat hiperpautan, dsb.

Menyelam mendalam ke dalam kriteria untuk kedudukan melekit: Bagaimana untuk mencapai kedudukan tetap elemen halaman? Menyelam mendalam ke dalam kriteria untuk kedudukan melekit: Bagaimana untuk mencapai kedudukan tetap elemen halaman? Feb 02, 2024 pm 02:03 PM

Menyelam mendalam ke dalam kriteria untuk kedudukan melekit: Bagaimana untuk mencapai kedudukan tetap elemen halaman? Pengenalan: Dalam reka bentuk web, kedudukan melekit ialah teknik yang sangat praktikal yang boleh mengekalkan elemen halaman dalam kedudukan tetap semasa menatal. Ia meningkatkan pengalaman pengguna dan menjadikan halaman lebih dinamik dan lebih mudah untuk digunakan. Artikel ini akan menyelidiki piawaian dan kaedah pelaksanaan kedudukan melekit, dan memberikan contoh kod khusus. 1. Konsep kedudukan melekit: Kedudukan melekit ialah kaedah penentududukan dalam CSS yang membolehkan elemen halaman diselaraskan semasa menatal.

See all articles