jQuery的赋值方式详解
warning:
这篇文章距离上次修改已过451天,其中的内容可能已经有所变动。
在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元素。
评论已关闭