jquery取值

jQuery 取值方法

jQuery 提供了多种方法来获取元素的值或属性。以下是常用的取值方法：

获取表单元素的值

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

var inputValue = $('#inputId').val();
var selectValue = $('#selectId').val();
var textareaValue = $('#textareaId').val();

获取 HTML 内容

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

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

获取文本内容

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

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

获取属性值

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

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

获取 CSS 属性值

使用 css() 方法可以获取元素的 CSS 属性值：

var colorValue = $('#elementId').css('color');
var fontSize = $('#elementId').css('font-size');

获取数据属性值

使用 data() 方法可以获取元素的数据属性值（以 data- 开头的属性）：

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

获取元素的尺寸和位置

jQuery 提供了多种方法获取元素的尺寸和位置信息：

var width = $('#elementId').width();
var height = $('#elementId').height();
var offset = $('#elementId').offset(); // 获取相对于文档的位置
var position = $('#elementId').position(); // 获取相对于父元素的位置

注意事项

• 如果选择器匹配多个元素，val()、html() 和 text() 方法只会返回第一个元素的值。
• 使用 attr() 获取属性时，如果元素没有该属性，会返回 undefined。
• data() 方法会自动将 data- 属性转换为驼峰命名格式（如 data-user-id 转换为 userId）。