当前位置：首页 > jquery

jquery获取内容

2026-03-02 15:56:06jquery

jQuery 获取内容的方法

jQuery 提供了多种方法来获取元素的内容，包括文本、HTML 和表单值。以下是几种常用的方法：

获取文本内容

使用 text() 方法可以获取元素的纯文本内容，忽略 HTML 标签。例如：

var textContent = $('#elementId').text();

获取 HTML 内容

使用 html() 方法可以获取元素的 HTML 内容，包括标签。例如：

var htmlContent = $('#elementId').html();

获取表单元素的值

使用 val() 方法可以获取表单元素（如 input、select、textarea）的值。例如：

var inputValue = $('#inputId').val();

获取属性值

使用 attr() 方法可以获取元素的属性值。例如：

var hrefValue = $('#linkId').attr('href');

获取 data 属性

使用 data() 方法可以获取元素的 data-* 属性值。例如：

var userData = $('#elementId').data('user-id');

注意事项

如果选择器匹配多个元素，text() 和 html() 方法会返回第一个元素的内容。
使用 val() 获取表单值时，确保元素是表单元素，否则可能返回 undefined。
attr() 和 data() 方法在获取不存在的属性时会返回 undefined。

示例代码

以下是一个完整的示例，展示如何获取不同类型的内容：

// 获取文本内容
var text = $('#textElement').text();

// 获取 HTML 内容
var html = $('#htmlElement').html();

// 获取输入框的值
var inputValue = $('#inputField').val();

// 获取链接的 href 属性
var href = $('#link').attr('href');

// 获取 data 属性
var userId = $('#user').data('user-id');

jquery获取内容