Home > Article > Web Front-end > How to use jquery has() method
How to use jquery has() method
- 藏色散人Original
- 2023-03-20 10:45:161866browse
The jquery has() method returns all elements that contain one or more elements that match the specified selector. The usage syntax of the has() method is "$(selector).has(element)", The element parameter specifies the selector expression or element that matches the element.
The operating environment of this tutorial: Windows 10 system, jquery3.2.1 version, Dell G3 computer.
How to use jquery has() method?
The has() method returns all elements that have one or more elements matching the specified selector.
Tip: If you need to select elements that have multiple elements within them, please use commas to separate them (see the example below).
Syntax
$(selector).has(element)
Parameters
element Required. Specifies a selector expression or element that matches elements.
Usage example:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("p").has("span").css("background-color","yellow");
});
</script>
</head>
<body>
<h1>欢迎来到我的主页</h1>
<p>我的<span>名字</span>叫 Donald。</p>
<p>我住在<span>Duckburg</span>。</p>
<p>我最好的朋友是 Mickey。</p>
</body>
</html>[Recommended learning: jQuery video tutorial]
The above is the detailed content of How to use jquery has() method. For more information, please follow other related articles on the PHP Chinese website!