jquery 返回值
jQuery 返回值概述
jQuery 方法通常返回 jQuery 对象(包含匹配的 DOM 元素集合),便于链式调用。部分方法返回特定值(如 text()、val() 或 attr()),具体取决于方法用途。
常见返回值类型
返回 jQuery 对象
多数 jQuery 方法(如 find()、filter()、addClass())返回 jQuery 对象,支持链式操作:
$("div").addClass("highlight").css("color", "red");
返回字符串或数值
部分方法直接返回数据:
text():返回元素的文本内容。val():返回表单元素的值。attr("attribute"):返回指定属性的值。let text = $("p").text(); // 返回字符串 let value = $("#input").val(); // 返回输入框的值
返回数组或对象
map():返回包含处理结果的 jQuery 对象数组。serializeArray():返回表单数据的对象数组。let formData = $("form").serializeArray(); // 返回 [{name: "field", value: "data"}, ...]
返回布尔值
is():检查匹配元素是否符合条件。let isDiv = $("p").is("div"); // 返回 false
处理返回值示例
链式调用
$("ul").find("li").eq(0).hide(); // 连续操作 jQuery 对象
获取非 jQuery 返回值
let headerText = $("h1").text(); // 直接使用字符串
console.log(headerText);
回调函数中返回值
部分方法(如 each())可通过回调函数处理返回值:
$("li").each(function(index) {
console.log($(this).text()); // 逐个输出列表项文本
});
注意事项
- 方法如
html()无参数时返回内容,有参数时返回 jQuery 对象。 - 空集合调用方法(如
text())可能返回空字符串而非undefined。 - 链式调用时需注意方法返回值类型是否支持后续操作。







