jQuery 判断元素整理汇总

在前端开发中，判断元素是十分常见且基础的操作。jQuery 是一个流行的 JavaScript 库，提供了一些方便的方法来判断和选择 DOM 元素。本文将介绍 jQuery 中常用的判断元素的方法，并包含示例代码。

1. is()

is() 方法用于检查指定的元素是否匹配选择器。如果匹配，则返回 true，否则返回 false。它可以接受多个选择器作为参数，并且可以使用逻辑运算符连接它们。下面是一个示例：

if ($('#myElement').is(':visible')) {
  // do something
}

2. hasClass()

hasClass() 方法用于检查指定元素的 class 属性是否包含指定的类名。如果包含，则返回 true，否则返回 false。它只能接受一个类名作为参数。下面是一个示例：

if ($('#myElement').hasClass('my-class')) {
  // do something
}

3. isSelector

除了 is() 方法外，jQuery 还提供了一些类似的方法来判断元素是否匹配指定的选择器。这些方法以 is 开头，后面跟着要匹配的选择器。例如，is(':visible') 和 isVisible() 是等价的。下面是一些常用的方法：

• is(':visible'): 检查元素是否可见
• is(':hidden'): 检查元素是否隐藏
• is(':checked'): 检查复选框或单选框是否被选中
• is(':enabled'): 检查元素是否启用
• is(':disabled'): 检查元素是否禁用
• is(':selected'): 检查下拉列表中的选项是否被选中

以下是一些示例代码：

if ($('#myElement').isVisible()) {
  // do something
}

if ($('.my-checkbox').is(':checked')) {
  // do something
}

4. 其他判断方法

除了上述方法外，jQuery 还提供了一些其他的判断方法，例如：

• isNumeric(): 检查一个值是否为数字类型
• isFunction(): 检查一个值是否为函数类型
• isArray(): 检查一个值是否为数组类型

以下是一些示例代码：

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

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

-- -------------------- -
  -- -- ---------
-
展开代码

结论

在本文中，我们介绍了 jQuery 中常用的判断元素的方法，并提供了示例代码。熟练掌握这些方法可以让你更高效地操作 DOM 元素。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/1701