JQUERY Get/Set

当使用 jQuery 操作 DOM 时，可以使用多种方法来获取和设置HTML元素的内容和属性。以下是一些常用的方法示例：

获取内容的方法

1、.text()

获取匹配元素集合中每个元素的文本内容。

var textContent = $('#myId').text();

2、.html()

获取匹配元素集合中第一个元素的HTML内容。

var htmlContent = $('#myId').html();

3、.val()

获取匹配元素集合中第一个元素的当前值（通常用于 <input>、<select> 和 <textarea> 等表单元素）。

var value = $('input[name="username"]').val();

4、.attr()

获取匹配元素集合中第一个元素的指定属性的值。

var hrefValue = $('a').attr('href');

设置内容的方法

1、.text(value)

设置匹配元素集合中每个元素的文本内容。

$('#myId').text('新的文本内容');

2、.html(value)

设置匹配元素集合中每个元素的HTML内容。

$('#myId').html('<p>新的HTML内容</p>');

3、.val(value)

设置匹配元素集合中每个元素的值（通常用于表单元素）。

$('input[name="username"]').val('新的用户名');

4、.attr(attributeName, value)

设置匹配元素集合中每个元素的一个或多个属性。

$('a').attr('href', 'https://example.com');

使用示例：

获取和设置文本内容

//获取文本内容
var textContent = $('#myId').text();
// 设置文本内容
$('#myId').text('新的文本内容');

获取和设置HTML内容

//获取HTML内容
var htmlContent = $('#myId').html();
//设置HTML内容
$('#myId').html('<p>新的HTML内容</p>');

获取和设置表单元素的值

//获取输入框的值
var inputValue = $('input[name="username"]').val();
//设置输入框的值
$('input[name="username"]').val('新的用户名');

获取和设置属性值

//获取链接的href属性值
var hrefValue = $('a').attr('href');
//设置链接的href属性值
$('a').attr('href', 'https://itutil.net');

这些是 jQuery 中用于获取和设置 HTML 元素内容和属性的基本方法。它们非常灵活，通常用于动态操作网页中的元素。