jquery判空
jQuery 判断空值的几种方法
使用 jQuery 判断变量或元素是否为空时,可以根据不同场景选择合适的方法。
检查字符串或变量是否为空
if ($.trim(variable) === '') {
// 变量为空或仅包含空白字符
}
$.trim() 会去除字符串两端的空白字符,再与空字符串比较。

检查 jQuery 对象是否为空
if ($('#element').length === 0) {
// 元素不存在
}
检查 jQuery 对象的 length 属性是否为 0,可以判断元素是否存在。
检查表单输入是否为空
if ($('#inputField').val() === '') {
// 输入框为空
}
使用 val() 方法获取表单元素的值,并与空字符串比较。

检查数组或对象是否为空
if ($.isEmptyObject(obj)) {
// 对象为空
}
if (arr.length === 0) {
// 数组为空
}
对于对象可以使用 $.isEmptyObject() 方法,数组则检查 length 属性。
检查内容为空的元素
if ($('#element').is(':empty')) {
// 元素内容为空
}
使用 :empty 选择器可以判断元素是否包含任何子节点或文本内容。
注意事项
- 使用
$.trim()处理字符串时,会忽略空白字符 - 检查元素存在性时,
length比size()更高效 - 对象检查方法
$.isEmptyObject()不会检查原型链上的属性
这些方法覆盖了 jQuery 中常见的空值判断场景,可根据实际需求选择合适的方式。





