jquery取值

jQuery 获取元素值的方法

使用 jQuery 可以方便地获取各种 HTML 元素的值，以下是常见的取值方法：

获取表单元素的值

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

// 获取复选框的值（选中状态）
var checkboxVal = $('#checkboxId').is(':checked');

// 获取单选按钮的值（选中项）
var radioVal = $('input[name="radioName"]:checked').val();

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

获取元素内容

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

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

// 获取元素的属性值
var attrValue = $('#elementId').attr('attributeName');

获取 CSS 属性值

// 获取元素的CSS属性值
var cssValue = $('#elementId').css('propertyName');

注意事项

• 确保 DOM 加载完成后再执行取值操作，可以将代码放在 $(document).ready() 中
• 对复选框和单选按钮，需要使用 :checked 选择器获取选中状态
• 对于多选下拉框，val() 方法会返回一个数组

示例代码

$(document).ready(function() {
    // 获取输入框值示例
    $('#getValueBtn').click(function() {
        alert($('#username').val());
    });

    // 获取复选框状态示例
    $('#checkStatusBtn').click(function() {
        alert($('#agree').is(':checked'));
    });
});

这些方法覆盖了 jQuery 中获取元素值的常见需求，可以根据具体情况选择合适的方法。