当前位置：首页 > jquery

jquery获取值

2026-02-03 13:14:42jquery

jQuery 获取值的方法

jQuery 提供了多种方法用于获取表单元素、属性或内容的值。以下是常见的几种方式：

获取表单元素的值

使用 val() 方法可以获取输入框、下拉框、文本域等表单元素的值：

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

// 获取下拉框选中的值
var selectValue = $('#selectId').val();

// 获取多选框选中的值（需遍历）
$('input[type="checkbox"]:checked').each(function() {
    console.log($(this).val());
});

// 获取单选框选中的值
var radioValue = $('input[type="radio"]:checked').val();

获取元素属性值

使用 attr() 或 prop() 方法可以获取元素的属性值：

// 获取元素的 href 属性
var hrefValue = $('#linkId').attr('href');

// 获取复选框的 checked 属性（布尔值）
var isChecked = $('#checkboxId').prop('checked');

获取元素内容

使用 text() 或 html() 方法可以获取元素的文本内容或 HTML 内容：

// 获取元素的纯文本内容
var textContent = $('#divId').text();

// 获取元素的 HTML 内容
var htmlContent = $('#divId').html();

获取数据属性

使用 data() 方法可以获取元素的自定义数据属性（data-*）：

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

注意事项

val() 方法适用于表单元素，而 text() 和 html() 适用于普通元素。
attr() 和 prop() 的区别在于，prop() 用于布尔属性（如 checked、disabled），而 attr() 用于其他属性。
data() 方法会自动将 data- 属性转换为驼峰命名（如 data-user-id 转换为 userId）。