JQuery 动态赋值的方法有多种，主要包括：.val() 方法、.text() 方法、.html() 方法、.attr() 方法、.css() 方法等。其中，.val() 方法 是最常用来给表单元素动态赋值的方法，在使用时可以直接传递一个值或者一个返回值的函数，从而改变表单元素的 value 值。
以 .val() 方法 为例，它主要用于获取和设置表单元素的值。当没有参数时，.val() 返回当前值，有参数时则设置选中元素的值。使用这个方法时，只需要选择对应的DOM元素，并调用.val(newValue)即可。这个方法广泛应用于输入框、选择框、单选按钮、复选按钮等元素的值的获取和设置，在开发中体现出其灵活性和高效性。
一、.VAL() 方法
.val() 方法的基本使用非常简单，可以获取或设置表单字段如 input、select、textarea 等元素的 value。例如，若要设置一个文本框的值可以使用以下代码：
$('#textBox').val('这里是新值');
若要获取当前表单元素的值：
var value = $('#textBox').val();
.val() 方法 还支持回调函数，当需要根据不同条件动态赋值时非常有用：
$('#textBox').val(function(index, currentValue) {
return '新值'; // 在这里可以根据index或currentValue来设置新值
});
二、.TEXT() 方法
JQuery .text() 方法 主要用于获取或设置页面元素的文本内容（即DOM中的textContent属性）。这个方法在处理不包含HTML标签的纯文本内容时非常有效。对于需要填充或修改纯文本信息的元素，它提供了非常好的支持。
用法示例，要更改一个元素的文本内容：
$('#textElement').text('这里是新文本');
要获取元素的当前文本内容：
var textContent = $('#textElement').text();
三、.HTML() 方法
.html() 方法 类似于 .text()，但这个方法专注于操作元素的HTML内容。它不仅可以设置文本值，还能够插入HTML标签及其内容。若要在一个元素中动态地生成一些带有HTML结构的内容，可以使用此方法。
例如，想给一个div动态赋予一些带格式的内容：
$('#content').html('<strong>粗体文本</strong> 和 <em>斜体文本</em>');
要获取元素的当前HTML内容：
var htmlContent = $('#content').html();
四、.ATTR() 方法
JQuery .attr() 方法 用于获取或设置元素的属性值。这个方法非常有用，可以动态改变标签的属性，比如 class、id、href 等。
要改变一个链接的 href 属性：
$('#link').attr('href', 'https://www.newwebsite.com');
要获取当前属性值：
var currentHref = $('#link').attr('href');
五、.CSS() 方法
最后，.css() 方法 用于改变元素的样式。使用这个方法，不仅可以修改单个样式属性，还可以一次修改多个属性。
例如：
$('#element').css('color', 'red');
或者修改多个属性：
$('#element').css({
'color': 'red',
'font-size': '14px',
'background-color': 'yellow'
});
通过以上方法结合选择器和其他jQuery功能，可以实现界面上的动态内容赋值和样式变更，对网页交互的增强起到了至关重要的作用。
相关问答FAQs：
1.如何使用jQuery动态赋值属性值？
可以使用attr()方法来动态赋值属性值。例如，使用attr()方法给一个<img>标签的src属性赋值。
$('img').attr('src', 'image.jpg');
2.jQuery如何动态赋值文本内容？
可以使用text()方法来动态赋值元素的文本内容。例如，使用text()方法给一个<p>标签赋值文本内容。
$('p').text('这是动态赋值的文本内容');
3.jQuery如何动态赋值表单元素的值？
可以使用val()方法来动态赋值表单元素的值。例如，使用val()方法给一个<input>标签赋值。
$('input').val('动态赋值的表单值');
