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。
• 链式调用时需注意方法返回值类型是否支持后续操作。