jQuery 判断页面元素是否存在的代码_jquery
例如:
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");
}

Outils d'IA chauds

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

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

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

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

Sujets chauds

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 ;

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, 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. 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,

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 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.

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 ? 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.
