jQuery获取更改标签内容、操作标签属性：html()、text()、val()、attr()、prop()

在jQuery中，可以使用以下方法来获取和设置元素的内容、标签属性等：

1. 获取标签内容：

   • html(): 获取或设置匹配元素集合中第一个元素的HTML内容。
   • text(): 获取或设定匹配元素集合中所有元素的文本内容。
   • val(): 获取或设置匹配元素集合中第一个元素的value属性值。

2. 操作标签属性：

   • attr(name): 获取匹配元素集合中第一个元素的属性值。
   • attr(key, value): 设置匹配元素集合中所有元素的一个属性值。
   • removeAttr(name): 从每一个匹配的元素中移除一个属性。

3. 操作标签属性的“properties”（如checked, selected, disabled等）：

   • prop(name): 获取一个属性的值。
   • prop(key, value): 设置一个属性的值。
   • removeProp(name): 删除一个属性。

示例代码：

// 获取内容
var htmlContent = $('#elementId').html();
var textContent = $('#elementId').text();
var valueContent = $('#elementId').val();
 
// 设置内容
$('#elementId').html('<b>新的HTML内容</b>');
$('#elementId').text('新的文本内容');
$('#elementId').val('新的值');
 
// 获取属性
var attrValue = $('#elementId').attr('name');
 
// 设置属性
$('#elementId').attr('name', 'value');
 
// 移除属性
$('#elementId').removeAttr('name');
 
// 获取property
var propValue = $('#elementId').prop('checked');
 
// 设置property
$('#elementId').prop('checked', true);
 
// 移除property
$('#elementId').removeProp('checked');

注意：attr() 和 prop() 的主要区别在于它们分别处理属性(attribute)和属性(property)。属性(attribute)是HTML中的一部分，而属性(property)是DOM元素对应的JavaScript对象的一部分。例如，checked、selected和disabled这样的属性(property)是不能用attr()方法获取的，必须使用prop()。