jquery判断
jQuery 判断元素是否存在
在 jQuery 中,判断一个元素是否存在通常通过检查选择器返回的 jQuery 对象长度来实现。如果长度大于 0,说明元素存在;否则,元素不存在。
if ($('#elementId').length > 0) {
// 元素存在
} else {
// 元素不存在
}
jQuery 判断元素是否可见
使用 :visible 选择器可以判断元素是否可见。如果元素可见,返回 true;否则返回 false。
if ($('#elementId').is(':visible')) {
// 元素可见
} else {
// 元素不可见
}
jQuery 判断复选框是否选中
通过 prop() 方法获取复选框的 checked 属性,可以判断复选框是否被选中。
if ($('#checkboxId').prop('checked')) {
// 复选框被选中
} else {
// 复选框未被选中
}
jQuery 判断单选按钮是否选中
与复选框类似,使用 prop() 方法获取单选按钮的 checked 属性来判断是否选中。
if ($('input[name="radioName"]:checked').length > 0) {
// 单选按钮被选中
} else {
// 单选按钮未被选中
}
jQuery 判断元素是否包含某个类
使用 hasClass() 方法可以判断元素是否包含指定的类名。
if ($('#elementId').hasClass('className')) {
// 元素包含该类
} else {
// 元素不包含该类
}
jQuery 判断对象是否为 jQuery 对象
通过检查对象是否具有 jQuery 特有的属性(如 jquery)来判断是否为 jQuery 对象。
if (obj && obj.jquery) {
// 是 jQuery 对象
} else {
// 不是 jQuery 对象
}
jQuery 判断事件是否已阻止默认行为
在事件处理函数中,可以通过 event.isDefaultPrevented() 判断是否阻止了默认行为。
$('#elementId').on('click', function(event) {
event.preventDefault();
if (event.isDefaultPrevented()) {
// 默认行为已被阻止
}
});
jQuery 判断元素是否为空
使用 :empty 选择器可以判断元素是否为空(不包含子元素或文本)。
if ($('#elementId').is(':empty')) {
// 元素为空
} else {
// 元素不为空
}
jQuery 判断表单是否有效
通过 checkValidity() 方法可以判断表单是否通过 HTML5 的表单验证。
if ($('#formId')[0].checkValidity()) {
// 表单有效
} else {
// 表单无效
}
以上方法覆盖了 jQuery 中常见的判断场景,可以根据实际需求选择合适的方式。







