has()是 jQuery 中的内置方法,用于查找指定元素列表中的所有元素。
用法:
$(selector).has(element)
参数:它接受参数表达式或元素来将元素与其进行匹配。
返回值:它返回与指定选择器匹配的所有元素,其中包含一个或多个元素。
显示 has() 方法工作原理的 jQuery 代码:
示例 1:
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- jQuery code to show the working of this method -->
<script>
$(document).ready(function () {
$("p").has("span").css(
"background-color", "lightgreen", "bold");
});
</script>
<style>
body {
width: 50%;
height: 100px;
border: 2px solid green;
padding: 15px;
font-size: 19px;
}
</style>
</head>
<body>
<p>
Geeks
<span>for</span>
Geeks !
</p>
<p>
I am a
<span>content</span>
writer.
</p>
<p>
This is a normal paragraph .
</p>
</body>
</html>
输出:
所有包含 “span” 元素的 “p” 元素都会突出显示。
相关用法
- JQuery has()用法及代码示例
- JQuery hasClass()用法及代码示例
- JQuery hasData()用法及代码示例
- JQuery height()用法及代码示例
- JQuery hide()用法及代码示例
- JQuery hover()用法及代码示例
- JQuery html()用法及代码示例
- JQuery andSelf()用法及代码示例
- JQuery change()用法及代码示例
- JQuery each()用法及代码示例
- JQuery end()用法及代码示例
- JQuery fadeOut()用法及代码示例
- JQuery innerHeight()用法及代码示例
- JQuery keydown()用法及代码示例
- JQuery keypress()用法及代码示例
- JQuery next()用法及代码示例
- JQuery nextAll()用法及代码示例
- JQuery parent()用法及代码示例
- JQuery parents()用法及代码示例
- JQuery prev()用法及代码示例
- JQuery prevAll()用法及代码示例
- JQuery remove()用法及代码示例
- JQuery show()用法及代码示例
- JQuery toArray()用法及代码示例
- JQuery width()用法及代码示例
注:本文由纯净天空筛选整理自kundankumarjha大神的英文原创作品 jQuery has() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。