jquery 判断

jQuery 判断元素是否存在

使用 jQuery 判断元素是否存在通常通过检查选择器匹配的元素长度来实现。如果长度大于 0，表示元素存在；否则不存在。

if ($('selector').length > 0) {
    // 元素存在
} else {
    // 元素不存在
}

jQuery 判断元素是否可见

使用 :visible 选择器或 is() 方法可以判断元素是否可见。

if ($('selector').is(':visible')) {
    // 元素可见
} else {
    // 元素不可见
}

或者：

if ($('selector').css('display') !== 'none') {
    // 元素可见
} else {
    // 元素不可见
}

jQuery 判断复选框是否选中

通过 prop() 方法或 is() 方法可以判断复选框是否被选中。

if ($('#checkbox').prop('checked')) {
    // 复选框被选中
} else {
    // 复选框未选中
}

或者：

if ($('#checkbox').is(':checked')) {
    // 复选框被选中
} else {
    // 复选框未选中
}

jQuery 判断单选按钮是否选中

与复选框类似，使用 prop() 或 is() 方法判断单选按钮是否被选中。

if ($('input[name="radioName"]').prop('checked')) {
    // 单选按钮被选中
} else {
    // 单选按钮未选中
}

jQuery 判断元素是否包含某个类

使用 hasClass() 方法可以判断元素是否包含指定的类。

if ($('selector').hasClass('className')) {
    // 元素包含该类
} else {
    // 元素不包含该类
}

jQuery 判断变量是否为 jQuery 对象

通过检查变量是否具有 jQuery 特有的方法（如 each）来判断是否为 jQuery 对象。

if (typeof variable === 'object' && variable.hasOwnProperty('each')) {
    // 是 jQuery 对象
} else {
    // 不是 jQuery 对象
}

jQuery 判断事件是否已阻止默认行为

在事件处理函数中，可以通过 event.isDefaultPrevented() 判断是否阻止了默认行为。

$('selector').on('click', function(event) {
    event.preventDefault();
    if (event.isDefaultPrevented()) {
        // 默认行为已被阻止
    }
});

jQuery 判断 AJAX 请求是否成功

在 AJAX 的 success 回调中判断请求是否成功，或在 error 回调中处理失败情况。

$.ajax({
    url: 'example.com',
    success: function(response) {
        // 请求成功
    },
    error: function(xhr, status, error) {
        // 请求失败
    }
});

jQuery 判断元素是否为空

使用 :empty 选择器或检查元素的子节点数量来判断元素是否为空。

if ($('selector').is(':empty')) {
    // 元素为空
} else {
    // 元素不为空
}

或者：

if ($('selector').children().length === 0) {
    // 元素为空
} else {
    // 元素不为空
}