当前位置:首页 > jquery

jquery get和eq

2026-03-17 10:24:10jquery

jQuery .get() 方法

$.get() 是 jQuery 提供的 AJAX 方法,用于通过 HTTP GET 请求从服务器加载数据。

语法

$.get(url [, data] [, success] [, dataType])
  • url:请求的服务器 URL。
  • data(可选):发送到服务器的键值对参数,格式为对象或字符串。
  • success(可选):请求成功时的回调函数,参数为服务器返回的数据。
  • dataType(可选):预期服务器返回的数据类型(如 jsonxmltext)。

示例

$.get("https://api.example.com/data", { id: 1 }, function(response) {
    console.log(response); // 处理返回的数据
}, "json");

jQuery .eq() 方法

.eq() 是 jQuery 的 DOM 操作方法,用于从匹配的元素集合中选取指定索引位置的元素。

语法

$(selector).eq(index)
  • index:从 0 开始的整数,表示要选取的元素位置。支持负数(从末尾倒数,如 -1 表示最后一个元素)。

示例

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>
$("li").eq(1).css("color", "red"); // 将第二个 <li> 文字颜色设为红色

关键区别

  • 用途不同

    • .get() 用于异步数据请求(AJAX)。
    • .eq() 用于 DOM 元素筛选。
  • 返回值不同

    • .get() 返回的是 jQuery 的 AJAX 相关对象(如 jqXHR)。
    • .eq() 返回的是 jQuery 对象(包含匹配的元素)。

注意
.eq() 与原生 JavaScript 的数组方法(如 [index])不同:

jquery get和eq

$("li")[1]          // 返回原生 DOM 元素(无 jQuery 方法)
$("li").eq(1)       // 返回 jQuery 对象(可链式调用)

标签: jqueryget
分享给朋友:

相关文章

jquery实现vue

jquery实现vue

jQuery 和 Vue.js 是两种不同理念的前端工具,前者基于 DOM 操作,后者基于数据驱动。虽然 Vue 可以替代 jQuery 的大部分功能,但若需在 Vue 中临时集成 jQuery 或模…

jquery选择器

jquery选择器

jQuery 选择器基础 jQuery 选择器用于选取 DOM 元素,基于 CSS 选择器语法扩展。通过 $() 或 jQuery() 函数调用,返回匹配元素的集合。 常见选择器类型 元素选择…

jquery 选择

jquery 选择

jQuery 选择器基础 jQuery 选择器基于 CSS 选择器语法,用于快速定位和操作 DOM 元素。核心语法为 $() 或 jQuery(),括号内传入选择器表达式。 // 选择所有 <…

jquery js

jquery js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够更高…

jquery函数

jquery函数

jQuery 函数概述 jQuery 是一个快速、简洁的 JavaScript 库,通过封装原生 JavaScript 功能,简化 DOM 操作、事件处理、动画和 AJAX 等任务。其核心函数 $()…

jquery id

jquery id

jQuery 通过 ID 选择元素的方法 在 jQuery 中,可以通过 ID 选择器快速获取 DOM 元素。ID 选择器使用 # 符号加上元素的 ID 名称。 语法示例: $("#eleme…