jquery 值
jQuery 获取和设置值的方法
在jQuery中，可以通过多种方法获取和设置HTML元素的值，包括表单元素、文本内容、属性等。
获取表单元素的值
使用.val()方法可以获取表单元素的值，例如输入框、下拉框、单选框等。
var inputValue = $('#inputId').val();
var selectValue = $('#selectId').val();
var checkboxValue = $('#checkboxId').val();设置表单元素的值
同样使用.val()方法可以设置表单元素的值。
$('#inputId').val('new value');
$('#selectId').val('optionValue');
$('#checkboxId').val('checkedValue');获取和设置HTML内容
使用.html()方法可以获取或设置元素的HTML内容。
var htmlContent = $('#elementId').html();
$('#elementId').html('<p>New HTML content</p>');获取和设置文本内容
使用.text()方法可以获取或设置元素的纯文本内容。
var textContent = $('#elementId').text();
$('#elementId').text('New text content');获取和设置属性值
使用.attr()方法可以获取或设置元素的属性值。
var hrefValue = $('#linkId').attr('href');
$('#linkId').attr('href', 'https://newurl.com');获取和设置CSS属性
使用.css()方法可以获取或设置元素的CSS属性。
var colorValue = $('#elementId').css('color');
$('#elementId').css('color', 'red');获取和设置数据属性
使用.data()方法可以获取或设置元素的数据属性。
var dataValue = $('#elementId').data('key');
$('#elementId').data('key', 'value');注意事项
.val()方法适用于表单元素，.html()和.text()适用于非表单元素。.attr()方法用于标准HTML属性，.data()方法用于自定义数据属性。- 设置多个CSS属性时，可以传递一个对象。
$('#elementId').css({
'color': 'red',
'font-size': '16px'
});示例代码
以下是一个完整的示例，展示如何获取和设置不同类型的值。
// 获取输入框的值
var username = $('#username').val();
// 设置输入框的值
$('#username').val('John Doe');
// 获取并设置HTML内容
var content = $('#content').html();
$('#content').html('<div>New content</div>');
// 获取并设置属性
var link = $('#myLink').attr('href');
$('#myLink').attr('href', 'https://example.com');
// 获取并设置CSS
var color = $('#myDiv').css('color');
$('#myDiv').css('color', 'blue');
