前端提高篇：jQuery的属性与特性，prop与attr

在jQuery中，prop()和attr()是用于获取和设置元素属性的两个主要方法。prop()主要用于处理元素自带的属性，如checked、selected、disabled等，而attr()用于获取和设置HTML属性，如class、id、name等。

1. prop()方法：

   • 获取属性的值：$(selector).prop('attribute')
   • 设置属性的值：$(selector).prop('attribute', value)

2. attr()方法：

   • 获取属性的值：$(selector).attr('attribute')
   • 设置属性的值：$(selector).attr('attribute', value)

示例代码：

<input type="checkbox" id="checkbox1" checked>

// 获取checkbox是否被选中
var isChecked = $('#checkbox1').prop('checked'); // true 或 false
 
// 设置checkbox为选中状态
$('#checkbox1').prop('checked', true);
 
// 获取checkbox的id属性
var id = $('#checkbox1').attr('id'); // checkbox1
 
// 设置checkbox的id属性
$('#checkbox1').attr('id', 'newId');

在上述示例中，prop('checked')用于获取checkbox是否被选中，而prop('checked', true)用于设置checkbox为选中状态。attr('id')用于获取checkbox的id属性，而attr('id', 'newId')用于设置checkbox的id属性。

总结：prop()用于处理元素的属性，如checked、selected、disabled等，而attr()用于处理元素的HTML属性，如class、id、name等。