jQuery is()函数用法3例

当我们需要在jQuery中判断元素是否符合某些条件时，可以使用is()函数。is()函数返回值为布尔型，true表示符合条件，false表示不符合条件。
is()函数的用法有很多种，下面介绍3个例子。

例子1：判断元素是否可见

当元素设置了display:none属性或visibility:hidden属性时，它虽然还存在于文档中，但是在页面上是不可见的。这时我们可以使用is()函数判断元素是否可见。

首先，我们可以使用css()函数改变元素的可见性：

$('#myDiv').css('display', 'none'); 

然后，使用is()函数判断元素是否可见：

if ($('#myDiv').is(':visible')) { 
  alert('元素可见'); 
} else { 
  alert('元素不可见'); 
}

如果元素可见，弹出“元素可见”；如果元素不可见，弹出“元素不可见”。

例子2：判断元素是否含有某个Class

有些情况下我们需要判断元素是否含有某个Class，这时我们可以使用is()函数。

首先，我们可以使用addClass()函数为元素添加一个Class：

$('#myDiv').addClass('myClass'); 

然后，使用is()函数判断元素是否含有myClass这个Class：

if ($('#myDiv').is('.myClass')) { 
  alert('元素含有myClass'); 
} else {
  alert('元素不含有myClass'); 
}

如果元素含有myClass这个Class，弹出“元素含有myClass”；如果元素不含有myClass这个Class，弹出“元素不含有myClass”。

例子3：判断元素是否在父元素中

有些情况下我们需要判断元素是否在某个父元素中，这时可以使用is()函数。

首先，我们可以使用appendTo()函数将元素添加到父元素中：

$('#myDiv').appendTo($('#myParent')); 

然后，使用is()函数判断元素是否在myParent这个父元素中：

if ($('#myDiv').is('#myParent *')) { 
  alert('元素在父元素中'); 
} else { 
  alert('元素不在父元素中'); 
}

如果元素在父元素中，弹出“元素在父元素中”；如果元素不在父元素中，弹出“元素不在父元素中”。

综上所述，is()函数可以用于判断元素是否符合某些条件，如可见、含有某个Class、在某个父元素中等。