1. attr()
方法描述:专门操作属性值为非布尔值的属性,该方法读写一体。
需求描述:设置p标签的title属性为”我是attr修改后的段落标题“
<p id="content" title="我是段落标题">我是段落</p> $('#content').attr('title', '我是attr修改后的段落标题');
2.需求描述:读取p标签的title属性并输出
<p id="content" title="我是段落标题">我是段落</p> console.log($('#content').attr('title'));
3.prop()
方法描述:专门操作属性值为布尔值的属性,该方法读写一体。
需求描述:设置复选框的状态为选中状态
<input type="checkbox">复选框 $(':checkbox').prop('checked', 'true');
4.需求描述:读取复选框的选中状态并输出
<input type="checkbox" checked>复选框 console.log($(':checkbox').prop('checked'));
5. val()
方法描述:该方法主要用于获取表单元素的值和设置表单元素的值,该方法读写一体。
需求描述:设置文本框的值为”123456“
<input type="text">
$(':text').val('123456');
6.需求描述:读取文本框的值并输出
<input type="text" value="123456">
console.log($(':text').val());