获取和设置元素的 html 字符串内容html()

console.log($('div').html()); 
$('.dataWrap').html('<span>数据内容</span>');

这个方法在设置元素的 html 时会全部替换对应的 html 内容,不能追加或者减少对应的 html 内容

获取和设置元素的文本内容text()

console.log($('div').text());
$('.dataWrap').text('数据内容');

这个方法只能对文本进行操作,不能添加 html 结构,如果添加会被当成普通文本在页面上显示

获取和设置表单元素的值val()

console.log($('input').val()); 
$("input").val("表单元素的 value 值");
//如果是下拉菜单、单选框、复选框,这里也需要先获取到对应的元素,然后获取或者设置对应的 value 值
<select>
<option>选项 1</option> 
<option>选项 2</option>
</select> 
$('select').val('选项 1');

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注