jquery判断

jQuery 判断元素存在与属性方法

使用 jQuery 判断元素是否存在可通过检查选择器返回的 jQuery 对象长度：

if ($('#elementId').length > 0) {
  // 元素存在时的逻辑
}

判断元素是否可见

通过 :visible 选择器或 is() 方法检测可见性：

// 方法1
if ($('#elementId').is(':visible')) {
  // 元素可见时的处理
}

// 方法2
if ($('#elementId').css('display') !== 'none') {
  // 显示状态判断
}

判断复选框/单选状态

检测表单元素的选中状态：

// 复选框选中判断
if ($('#checkboxId').prop('checked')) {
  // 选中状态处理
}

// 单选按钮组判断
if ($('input[name="radioGroup"]:checked').val() === 'option1') {
  // 特定选项被选中
}

判断元素包含特定类

使用 hasClass() 方法检测类名：

if ($('#elementId').hasClass('active')) {
  // 包含指定类的处理
}

判断对象是否为 jQuery 对象

通过 instanceof 运算符验证：

var obj = $('#elementId');
if (obj instanceof jQuery) {
  // 是jQuery对象的处理
}

判断元素是否包含子元素

通过 children() 或 find() 方法检测：

if ($('#parentElement').children().length > 0) {
  // 存在子元素的逻辑
}

判断事件对象来源

在事件处理函数中识别触发元素：

$('.btn').click(function(event) {
  if ($(event.target).hasClass('confirm')) {
    // 特定按钮触发的逻辑
  }
});