jquery is 用于查看选择的元素是否匹配选择器。

小咪咪 2022-05-23 12:44 218阅读 0赞

如果 <p> 的父元素是 <div> 元素，弹出提示信息:

if ($("p").parent().is("div")) \{  
alert("p 的父元素是 div");  
\}

[尝试一下 »][Link 1]

--------------------

## 定义和使用 ##

is() 方法用于查看选择的元素是否匹配选择器。

--------------------

## 语法 ##

$( *selector*).is( selectorElement,function (index, element))

<table style="border:0px;margin:4px 0px;padding:0px;width:729px;color:rgb(51,51,51);font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif;font-size:12px;background-color:rgb(255,255,255);"> 
 <tbody style="margin:0px;padding:0px;"> 
  <tr style="border-top:0px;margin:0px;padding:0px;background-color:rgb(246,244,240);"> 
   <th style="border-color:rgb(85,85,85);margin:0px;padding:3px;font-size:12px;color:rgb(255,255,255);background-color:rgb(85,85,85);vertical-align:top;width:140px;">参数</th> 
   <th style="border-color:rgb(85,85,85);margin:0px;padding:3px;font-size:12px;color:rgb(255,255,255);background-color:rgb(85,85,85);vertical-align:top;">描述</th> 
  </tr> 
  <tr style="border-top:0px;margin:0px;padding:0px;background-color:rgb(255,255,255);"> 
   <td style="border-color:rgb(212,212,212);margin:0px;padding:7px 5px;font-size:13px;min-width:24px;line-height:2em;vertical-align:top;"><em>selectorElement</em></td> 
   <td style="border-color:rgb(212,212,212);margin:0px;padding:7px 5px;font-size:13px;line-height:2em;min-width:24px;vertical-align:top;">必须。选择器表达式，根据选择器/元素/jQuery 对象检查匹配元素集合，如果存在至少一个匹配元素，则返回 true，否则返回 false</td> 
  </tr> 
  <tr style="border-top:0px;margin:0px;padding:0px;background-color:rgb(246,244,240);"> 
   <td style="border-color:rgb(212,212,212);margin:0px;padding:7px 5px;font-size:13px;min-width:24px;line-height:2em;vertical-align:top;">function(<span style="border:0px;margin:0px;padding:0px;">index</span>,<span style="border:0px;margin:0px;padding:0px;">element</span>)</td> 
   <td style="border-color:rgb(212,212,212);margin:0px;padding:7px 5px;font-size:13px;line-height:2em;min-width:24px;vertical-align:top;"><p style="border:0px;line-height:2em;font-size:13px;font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif;">可选。指定了选择元素组要执行的函数。</p> 
    <ul style="border:0px;margin-top:1em;margin-bottom:1em;line-height:18.2px;list-style:none;"> 
     <li style="border:0px;margin-top:0px;margin-bottom:1em;margin-left:1em;padding:0px 0px 0px 1.5em;line-height:1.5em;background-image:url(&quot;./assets/img/bullet.png&quot;);background-repeat:no-repeat;background-position:left .5em;">index - 元素的索引位置</li> 
     <li style="border:0px;margin-top:0px;margin-bottom:1em;margin-left:1em;padding:0px 0px 0px 1.5em;line-height:1.5em;background-image:url(&quot;./assets/img/bullet.png&quot;);background-repeat:no-repeat;background-position:left .5em;">element - 当前元素 ( "this" 选择器也可以使用 )</li> 
    </ul></td> 
  </tr> 
 </tbody> 
</table>

--------------------

[![jQuery HTML 方法][jQuery HTML] jQuery 遍历方法][jQuery HTML _jQuery HTML_ jQuery]

[Link 1]: http://www.runoob.com/try/tryit.php?filename=tryjquery_traversing_is
[jQuery HTML]: http://www.runoob.com/images/up.gif
[jQuery HTML _jQuery HTML_ jQuery]: /images/20220523/fecdfcefca4d4c17ad03ab90af662d68.png