jQuery has()用法详细示例

2021年3月25日12:41:58 发表评论 811 次浏览

has()是jQuery中的内置方法, 用于查找指定元素列表中的所有元素。

语法如下:

$(selector).has(element)

参数:

它接受参数表达式或元素以将元素与之匹配。

返回值:

它返回与指定选择器匹配的所有元素, 其中包含一个或多个元素。

jQuery代码显示has()方法的工作方式:

代码1:

< 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 paragrap .</ p >
  
</ body >
  
</ html >

输出如下:

包含" span"元素的所有" p"元素都会突出显示。

jQuery | has()与示例1

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: