jquery怎么判断某个标签是否存在

导读 判断方法:1、利用元素选择器选取指定标签元素,语法“$( "标签名 ")”,会返回一个包含指定标签的jQ

判断方法:1。使用元素选择器选择指定的标签元素,语法$("标签名")将返回一个包含指定标签的标签jQuery对象;2.使用length属性判断jQuery对象是否空,语法对象.length!=0若返回true,它存在,反之亦然。

本教程的操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery判断标签是否存在的方法

1、利用jQuery 元素选择器选择指定元素标签

jQuery 元素选择器根据元素名选择元素。

$("标签名")

例如$("p")    选择 <p>    标签元素。

它将返回一个包含指定元素的元素jQuery对象。

2、利用length属性判断jQuery对象是否为空

length可获得属性jQuery对象长度;然后可以通过检查长度是否为0来判断对象是否为空。

jQuery对象.length!=0
  • 若不为空(返回值为)true),指定标签存在

  • 若为空(返回值为false),指定标签不存在

实例:判断p元素标签和span是否存在元素标签

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

1.gif

可见上例中,p存在元素标签span元素标签不存在。

【推荐学习:jQuery视频教程、web前端视频】

以上就是jquery如何判断一个标签是否存在的详细内容,请多加注意php中文网其他相关文章!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。2022-06-14 04:26:05

猜你喜欢

最新文章