Maison interface Web js tutoriel jQuery 判断页面元素是否存在的代码_jquery

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

May 16, 2016 pm 06:48 PM
页面元素

例如:

复制代码 代码如下:

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"); 
}
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
4 Il y a quelques semaines By DDD
R.E.P.O. Meilleurs paramètres graphiques
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment JavaScript implémente-t-il la fonction glisser-trier des éléments de page ? Comment JavaScript implémente-t-il la fonction glisser-trier des éléments de page ? Oct 20, 2023 pm 12:28 PM

Comment JavaScript implémente-t-il la fonction glisser-trier des éléments de page ? Dans le développement Web moderne, le tri par glisser-déposer est une fonctionnalité très courante qui permet aux utilisateurs de modifier la position des éléments sur la page en les faisant glisser. Cet article explique comment utiliser JavaScript pour implémenter la fonction glisser-trier des éléments de page et fournit des exemples de code spécifiques. L'idée de base de la mise en œuvre de la fonction de tri par glisser-déposer est la suivante : tout d'abord, créez des éléments qui nécessitent un tri par glisser-déposer en HTML, comme un ensemble de divs. &Lt ;

Apprenez à corriger le positionnement : laissez les éléments de la page se déplacer avec le défilement et démarrez rapidement Apprenez à corriger le positionnement : laissez les éléments de la page se déplacer avec le défilement et démarrez rapidement Jan 20, 2024 am 10:29 AM

Comprenez rapidement la méthode de positionnement fixe : faire bouger les éléments de votre page avec le défilement nécessite des exemples de code spécifiques. Dans la conception Web, nous souhaitons parfois que certains éléments de page conservent une position fixe lors du défilement et ne bougent pas avec le défilement. Cet effet peut être obtenu grâce au positionnement fixe CSS (position:fixed). Cet article présentera les principes de base du positionnement fixe et des exemples de code spécifiques. Le principe du positionnement fixe est très simple. En définissant l'attribut de positionnement de l'élément sur fixe, l'élément peut être fixé à une certaine position par rapport à la fenêtre.

Maîtrisez les valeurs d'attribut communes du positionnement absolu et laissez les éléments de votre page être placés comme vous le souhaitez Maîtrisez les valeurs d'attribut communes du positionnement absolu et laissez les éléments de votre page être placés comme vous le souhaitez Jan 18, 2024 am 10:01 AM

Maîtrisez les valeurs d'attribut communes du positionnement absolu, afin que les éléments de votre page puissent être placés comme vous le souhaitez. Des exemples de code spécifiques sont nécessaires. Le positionnement absolu (absolutepositioning) est l'une des méthodes de positionnement couramment utilisées en CSS. pour positionner les éléments par rapport à leurs attributs de positionnement les plus proches. L'élément parent est positionné. En maîtrisant les valeurs d'attribut communes du positionnement absolu, nous pouvons facilement contrôler la position et la disposition des éléments de la page. 1. Concepts de base des éléments de positionnement Avant d'utiliser le positionnement absolu, nous devons comprendre certains concepts de base. L'élément parent fait référence au

Utilisez fit-content pour obtenir une disposition centrée horizontalement des éléments de page Utilisez fit-content pour obtenir une disposition centrée horizontalement des éléments de page Sep 09, 2023 pm 02:07 PM

Utilisez fit-content pour obtenir une disposition centrée horizontalement des éléments de page. Dans la conception Web, la disposition des éléments de page est une partie très importante. La mise en œuvre d’une disposition centrée horizontalement des éléments de page est une exigence courante. Pour résoudre ce problème, nous pouvons utiliser la propriété CSS fit-content. fit-content est une propriété CSS qui calcule dynamiquement la largeur ou la hauteur d'un élément en fonction de son contenu. En définissant la largeur ou la hauteur de l'élément sur fit-content,

Extensions PHP et WebDriver : comment implémenter la détection et l'assertion des éléments de page Extensions PHP et WebDriver : comment implémenter la détection et l'assertion des éléments de page Jul 07, 2023 am 09:05 AM

Extension PHP et WebDriver : Comment implémenter la détection et l'assertion des éléments de page Introduction : Avec l'augmentation des applications Web, les tests automatisés sont devenus de plus en plus importants. Lors des tests, nous devons vérifier que les éléments de la page existent et que leur état est celui attendu. Cet article explique comment utiliser les extensions PHP et WebDriver pour implémenter la détection et l'assertion des éléments de page. 1. Préparation Avant de commencer, nous devons nous assurer que l'environnement suivant a été configuré : Installer PHP et Composer Installer W

Comment utiliser la technologie fit-content pour centrer les éléments de la page horizontalement Comment utiliser la technologie fit-content pour centrer les éléments de la page horizontalement Sep 08, 2023 pm 12:55 PM

Comment utiliser la technologie d'ajustement du contenu pour centrer les éléments de la page horizontalement Dans la conception et le développement Web, le centrage horizontal est une technologie de mise en page courante et importante. Dans le passé, nous utilisions souvent margin:0auto pour réaliser un centrage horizontal. Cependant, à mesure que de nouvelles propriétés de mise en page en CSS continuent d'apparaître, nous disposons désormais de plus de choix. L'une des techniques puissantes consiste à utiliser l'attribut fit-content. Il peut calculer automatiquement une largeur appropriée en fonction de la taille réelle du contenu de l'élément pour obtenir un centrage horizontal.

Quels sont les éléments de la page en PHP ? Quels sont les éléments de la page en PHP ? Aug 23, 2023 pm 01:07 PM

Les éléments de page en PHP incluent les titres, les paragraphes, les hyperliens, les images, les tableaux, les formulaires, les boutons, les listes, les zones de texte, les menus déroulants, les cases à cocher, les boutons radio, les zones de texte et la pagination. Introduction détaillée : 1. Le titre est utilisé pour définir le contenu principal de la page Web. Vous pouvez utiliser les balises HTML <h1> à <h6> pour créer différents niveaux de titres. 2. Les paragraphes sont utilisés pour organiser et afficher le contenu du texte. Vous pouvez utiliser la balise <p > de HTML pour créer des paragraphes ; 3. Les hyperliens sont utilisés pour naviguer entre différentes pages. Vous pouvez utiliser la balise <a> de HTML pour créer des hyperliens, etc.

Une plongée approfondie dans les critères de positionnement collant : comment obtenir un positionnement fixe des éléments de la page ? Une plongée approfondie dans les critères de positionnement collant : comment obtenir un positionnement fixe des éléments de la page ? Feb 02, 2024 pm 02:03 PM

Une plongée approfondie dans les critères de positionnement collant : comment obtenir un positionnement fixe des éléments de la page ? Introduction : Dans la conception Web, le positionnement collant est une technique très pratique qui permet de maintenir les éléments de la page dans une position fixe lors du défilement. Il améliore l'expérience utilisateur et rend les pages plus dynamiques et plus faciles à utiliser. Cet article approfondira les normes et les méthodes de mise en œuvre du positionnement collant et fournira des exemples de code spécifiques. 1. Le concept de positionnement collant : Le positionnement collant est une méthode de positionnement en CSS qui permet d'aligner les éléments de la page lors du défilement.

See all articles