jQuery的赋值方式详解
在jQuery中,赋值通常是指使用.val()
方法设置表单元素(如input, select, textarea)的值,或者使用.html()
,.text()
,.attr()
等方法设置DOM元素的内容。
- 使用
.val(value)
为input元素赋值:
$('#input-id').val('这里是新值');
- 使用
.html(content)
为元素内容设置HTML内容:
$('#div-id').html('<strong>这里是新的HTML内容</strong>');
- 使用
.text(text)
为元素内容设置纯文本内容:
$('#div-id').text('这里是新的文本内容');
- 使用
.attr(attributeName, value)
为元素的属性赋值:
$('#img-id').attr('src', '新的图片路径.jpg');
以上是基本的赋值方法,jQuery还提供了.prop()
方法来设置元素的属性值,适用于布尔类型的属性(如checked, selected, disabled)。
- 使用
.prop(propertyName, value)
为元素的属性(比如checked)赋值:
$('#checkbox-id').prop('checked', true);
请注意,.val()
一般用于表单元素,而.html()
, .text()
, .attr()
可用于任何DOM元素。
评论已关闭