博客

jQuery is()方法

  • Post category:jquery

jQuery.is()方法用于检查元素是否匹配给定的选择器、元素或jQuery对象。本文将详细介绍is()方法的语法和用法，并提供两个示例说明。

语法

以下是is()方法的基本语法：

jQuery.is(selector)

在这个语法中，selector是要检查的选择器、元素或jQuery对象。is()方法将返回一个布尔值，指示元素是否匹配给定的选择器、元素或jQuery对象。

示例1：检查元素是否匹配选择器

以下是一个示例，演示如何使用is()方法检查元素是否匹配选择器：

<!DOCTYPE html>
<html>
<head>
  <title>is()方法示例</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script>
    $(document).ready(function() {
      var div = $("div");
      console.log(div.is(".test")); // false
      div.addClass("test");
      console.log(div.is(".test")); // true
    });
  </script>
</head>
<body>
  <div></div>
</body>
</html>

在这个示例中，我们首先使用is()方法检查div元素是否匹配选择器.test。由于我们尚未将该类添加到该元素中，因此is()方法返回false。然后，我们使用addClass()方法将类test添加到该元素中。现在，我们再次使用is()方法检查该元素是否匹配选择器.test，此时is()方法返回true。

示例2：检查元素是否匹配元素或jQuery对象

以下是另一个示例，演示如何使用is()方法检查元素是否匹配元素或jQuery对象：

<!DOCTYPE html>
<html>
<head>
  <title>is()方法示例</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script>
    $(document).ready(function() {
      var div = $("div");
      var span = $("<span></span>");
      console.log(div.is(span)); // false
      div.append(span);
      console.log(div.is(span)); // true
    });
  </script>
</head>
<body>
  <div></div>
</body>
</html>

在这个示例中，我们首先创建一个div元素和一个span元素。然后，我们使用is()方法检查div元素是否匹配span元素。由于这两个元素不匹配，因此is()方法返回false。接下来，我们将span元素添加到div元素中。现在，我们再次使用is()检查div元素是否匹配span元素，此时is()方法返回true`。

综上所述，is()方法用于检查元素是否匹配给定的选择器、元素或jQuery对象。本文详细介绍了is()方法的语法和用法，并提供了两个示例说明。

Tags: