当前位置：首页 > jquery

jquery 获取

2026-03-02 09:38:11jquery

以下是关于使用 jQuery 获取元素或数据的几种常见方法：

获取元素

通过选择器获取元素，支持 CSS 选择器语法：

$('#id')          // 通过 ID 获取
$('.class')       // 通过类名获取
$('div')          // 通过标签名获取
$('input[name]')  // 通过属性获取

获取表单值

获取表单元素的值：

$('input').val()           // 获取输入框的值
$('select').val()          // 获取下拉框选中的值
$('textarea').val()        // 获取文本域内容
$('input:checked').val()   // 获取单选/复选框选中的值

获取属性或数据

获取元素的属性或自定义数据：

$('img').attr('src')       // 获取元素的属性
$('div').data('key')       // 获取 data-* 属性
$('a').prop('href')        // 获取 DOM 属性（如 checked、selected）

获取内容

获取元素的文本或 HTML 内容：

$('p').text()       // 获取文本内容（自动转义 HTML）
$('div').html()     // 获取 HTML 内容（包括子元素）

获取位置信息

获取元素的尺寸或位置：

$('div').width()     // 获取宽度（不包含 padding/margin）
$('div').height()    // 获取高度
$('div').offset()    // 获取相对文档的坐标 {top, left}
$('div').position()  // 获取相对父元素的坐标

遍历元素

通过遍历方法获取特定元素：

$('li').eq(0)        // 获取第一个 li 元素
$('div').first()     // 获取匹配的第一个元素
$('div').last()      // 获取匹配的最后一个元素
$('div').parent()    // 获取父元素
$('span').siblings() // 获取兄弟元素

以上方法可根据实际需求组合使用。jQuery 的链式调用允许进一步操作获取到的元素或数据。

jquery 获取