Bagaimana untuk menentukan sama ada teg wujud dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menentukan sama ada teg wujud dalam jquery

青灯夜游

Lepaskan： 2022-06-07 17:38:48

asal

3214 orang telah melayarinya

Kaedah penghakiman: 1. Gunakan pemilih elemen untuk memilih elemen tag yang ditentukan Sintaks "$("nama tag")" akan mengembalikan objek jQuery yang mengandungi teg yang ditentukan. 2. Gunakan atribut panjang untuk tentukan sama ada objek jQuery adalah Kosong, sintaksnya ialah "object.length!=0", jika benar dikembalikan, ia wujud, jika tidak, ia tidak wujud.

Bagaimana untuk menentukan sama ada teg wujud dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.2.1, komputer Dell G3.

Cara jquery menentukan sama ada teg wujud

1. Gunakan pemilih elemen jQuery untuk memilih teg elemen yang ditentukan

Pemilih elemen jQuery memilih elemen berdasarkan nama mereka.

$("标签名")

Salin selepas log masuk

Sebagai contoh, $("p") memilih elemen teg .

akan mengembalikan objek jQuery yang mengandungi elemen yang ditentukan.

2. Gunakan atribut panjang untuk menentukan sama ada objek jQuery kosong

Atribut panjang boleh mendapatkan panjang objek jQuery; panjang ialah 0. Tentukan sama ada objek itu kosong.

jQuery对象.length!=0

Salin selepas log masuk

Jika tidak kosong (nilai pulangan adalah benar), teg yang ditentukan wujud
Jika kosong (nilai pulangan adalah palsu) ), maka teg yang ditentukan tidak wujud

Contoh pelaksanaan: Tentukan sama ada teg elemen p dan teg elemen span wujud

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

Salin selepas log masuk

Dapat dilihat bahawa dalam contoh di atas, tag elemen p wujud, tetapi tag elemen span tidak wujud.

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk menentukan sama ada teg wujud dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!