jQuery has() 方法用于返回一个或多个匹配的元素。

语法

$(selector).has(element)

参数

element:它是强制参数，可以是元素或选择器表达式来匹配元素。

可以使用逗号匹配多个。

例子

例1

匹配div内的h3元素

<html>

<head>
<title> jQuery has() 方法 </title>
<script src = "https://code.jquery.com/jquery-3.5.1.min.js"> </script>
<script>
$(document).ready(function() {
	$("button").click(function(){
		$("div").has("h3").css({ "border": "4px dashed red", "background-color": "lightblue" });
	});
});
</script>
<style>
div{
	border: 2px solid black;
	margin-top: 10px;
}

</style>
</head>
<body>
<h3> 这是一个使用 jQuery has() 方法的示例 </h3>
<p> 单击以下按钮，以选择其中包含 h3 的 div 元素。 </p>
<button> 点击看看 </button>
<div> div1
<p> 这是 div </p> 内的段落
</div>
<div> div2
<h3> 这是 div </h3> 内的标题 h3
</div>
<div> div3
<h4> 这是 div </h4> 内的标题 h4
</div>
</body>

</html>
例2

 <html>

<head>
<title> jQuery has() 例子 </title>
<script src = "https://code.jquery.com/jquery-3.5.1.min.js"> </script>
<script>
$(document).ready(function() {
	$("button").click(function(){
		$(" h4, h3, p ").has("span").css({ "border": "4px dashed red", "background-color": "lightblue" });
	});
});
</script>
<style>
div{
	border: 2px solid black;
	margin-top: 10px;
}
div *{
	border: 1px solid black;
}
</style>
</head>

<body>
<h3> 这是一个使用 jQuery has() 方法的示例 </h3>
<p>单击以下按钮以选择其中包含"span"元素的元素。 </p>
<button> 点击看看 </button>
<div> div1
<p> 这是 <span> 段落 </span> 在 div </p>
</div>
<div> div2
<h3> 这是标题 <span> h3 </span> 在 div </h3>
</div>
<div> div3
<h4> 这是标题 <span> h4 </span> 在 div </h4>
</div>
</body>

</html>