Heim > Artikel > Web-Frontend > So ermitteln Sie, ob ein Tag in jquery vorhanden ist
So ermitteln Sie, ob ein Tag in jquery vorhanden ist
- 青灯夜游Original
- 2022-05-17 13:18:043159Durchsuche
Beurteilungsmethode: 1. Verwenden Sie den Elementselektor, um das angegebene Tag-Element auszuwählen. Die Syntax „$(“tag name“)“ gibt ein jQuery-Objekt zurück, das das angegebene Tag enthält. 2. Verwenden Sie das Längenattribut, um zu bestimmen, ob die jQuery Das Objekt ist leer, die Syntax lautet „Object.length! = 0“. Wenn es „true“ zurückgibt, existiert es, andernfalls existiert es nicht.
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, Dell G3-Computer.
So ermittelt JQuery, ob ein Tag vorhanden ist
1. Verwenden Sie den jQuery-Elementselektor, um das angegebene Element-Tag auszuwählen.
Der jQuery-Elementselektor wählt Elemente basierend auf dem Elementnamen aus.
$("标签名")Zum Beispiel das Tag-Element $("p") 就是选取 <p></p>.
gibt ein jQuery-Objekt zurück, das das angegebene Element enthält.
2. Verwenden Sie das Längenattribut, um festzustellen, ob das jQuery-Objekt leer ist. Anschließend können Sie feststellen, ob das Objekt leer ist.
jQuery对象.length!=0<p></p>Wenn es nicht leer ist (der Rückgabewert ist wahr), existiert das angegebene Tag.
- <p></p>Wenn es leer ist (der Rückgabewert ist falsch), existiert das angegebene Tag nicht.
- <p></p> Implementierung Beispiel: Bestimmen Sie, ob das p-Element-Tag und das span-Element-Tag vorhanden sind
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.siblings,.siblings *{
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
#border{
border: 2px solid pink;
}
</style>
<script src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
var len1=$("p").length;
var len2=$("span").length;
if(len1!=0){
console.log("p元素存在")
}else{
console.log("p元素不存在")
}
if(len2!=0){
console.log("span元素存在")
}else{
console.log("span元素不存在")
}
});
});
</script>
</head>
<body>
<div class="siblings">div元素
<p>p（p元素）</p>
<h2>h2（h2元素）</h2>
<h3>h3（h3元素）</h3>
<p>p（p元素）</p>
</div>
<button>检查p元素和span元素是否存在</button>
</body>
</html>
Es ist ersichtlich, dass im obigen Beispiel das p-Element-Tag vorhanden ist, das span-Element-Tag jedoch nicht. 
jQuery-Video-Tutorial
,Web-Frontend-Video】
Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob ein Tag in jquery vorhanden ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!