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)。







