jquery赋值

jQuery 赋值方法

jQuery 提供了多种方式对 HTML 元素的属性、内容、样式等进行赋值操作。以下是常见的几种方法：

设置元素内容

使用 .html() 方法可以设置元素的 HTML 内容，使用 .text() 方法可以设置元素的纯文本内容。

// 设置 HTML 内容
$('#element').html('<strong>新内容</strong>');

// 设置纯文本内容
$('#element').text('新文本内容');

设置表单元素的值

使用 .val() 方法可以设置表单元素（如 input、select、textarea）的值。

// 设置 input 的值
$('#input').val('新值');

// 设置 select 的值
$('#select').val('option1');

设置元素属性

使用 .attr() 方法可以设置元素的属性值。

// 设置单个属性
$('#element').attr('title', '新标题');

// 设置多个属性
$('#element').attr({
  'title': '新标题',
  'data-id': '123'
});

设置 CSS 样式

使用 .css() 方法可以设置元素的 CSS 样式。

// 设置单个样式
$('#element').css('color', 'red');

// 设置多个样式
$('#element').css({
  'color': 'red',
  'background-color': 'yellow'
});

设置 data 属性

使用 .data() 方法可以设置元素的 data 属性。

// 设置 data 属性
$('#element').data('key', 'value');

注意事项

• 使用 .html() 方法时，如果内容包含 HTML 标签，会被解析为 HTML 元素。
• 使用 .text() 方法时，内容会被视为纯文本，HTML 标签不会被解析。
• .val() 方法适用于表单元素，其他元素需要使用 .html() 或 .text()。
• .attr() 方法用于设置标准 HTML 属性，而 .data() 方法用于设置自定义 data 属性。

通过以上方法，可以灵活地对页面元素进行赋值操作。