当前位置:首页 > jquery

jquery设置属性

2026-03-02 16:57:02jquery

使用 attr() 方法设置属性

attr() 方法是 jQuery 中用于获取或设置 HTML 元素属性的核心函数。设置属性时需传入属性名和值。

语法:

$(selector).attr(attributeName, value);

示例:为所有 <img> 标签设置 alt 属性

$("img").attr("alt", "示例图片");

同时设置多个属性

通过传递对象参数一次性设置多个属性,提升代码效率。

语法:

$(selector).attr({
  attribute1: value1,
  attribute2: value2
});

示例:为链接设置 hreftitle

$("a").attr({
  href: "https://example.com",
  title: "示例网站"
});

使用 prop() 方法设置布尔属性

对于 checkeddisabled 等布尔属性,推荐使用 prop() 方法而非 attr()

jquery设置属性

语法:

$(selector).prop(propertyName, value);

示例:禁用所有按钮

$("button").prop("disabled", true);

通过回调函数动态设置属性

当属性值需要基于元素当前状态计算时,可使用回调函数。

语法:

jquery设置属性

$(selector).attr(attributeName, function(index, oldValue){
  return newValue;
});

示例:为列表项设置自定义数据属性

$("li").attr("data-index", function(index) {
  return index + 1;
});

移除属性

使用 removeAttr() 方法删除指定属性。

语法:

$(selector).removeAttr(attributeName);

示例:移除图片的 border 属性

$("img").removeAttr("border");

注意事项

  • 对于 HTML5 的 data-* 属性,建议使用 .data() 方法而非 attr()
  • 修改表单元素值时,val() 方法比 attr('value') 更可靠
  • 性能敏感场景下,批量 DOM 操作前应先将元素集存储在变量中

标签: 属性jquery
分享给朋友:

相关文章

jquery div

jquery div

jQuery 操作 div 元素 jQuery 提供了多种方法来操作 div 元素,包括选择、修改内容、样式调整、事件绑定等。以下是常见操作的示例: 选择 div 元素 通过 ID 选择 div:…

jquery引入

jquery引入

jQuery引入方法 在网页中引入jQuery库有多种方式,以下是常见的几种方法: 通过CDN引入 使用公共CDN(内容分发网络)加载jQuery,这是最常用的方式之一。以下是几个可靠的CDN源:…

jquery滚动条

jquery滚动条

jQuery 滚动条操作 获取滚动条位置 使用scrollTop()方法获取垂直滚动条的位置,scrollLeft()获取水平滚动条位置: $(window).scrollTop(); // 垂直…

jquery a标签

jquery a标签

jQuery 操作 <a> 标签的方法 jQuery 提供了多种方法来操作 <a> 标签(超链接),包括修改属性、内容、样式以及绑定事件等。以下是一些常见的操作方式: 修改…

jquery框架

jquery框架

jQuery框架简介 jQuery是一个快速、简洁的JavaScript库,简化了HTML文档遍历、事件处理、动画设计和Ajax交互。其核心特点是“写得更少,做得更多”,通过封装常见任务,降低跨浏览器…

jquery 引用

jquery 引用

jQuery 引用方法 通过CDN引用jQuery 推荐使用官方或公共CDN(内容分发网络)加载jQuery,以下为最新版本的CDN链接: <!-- jQuery 3.x 版本(压缩版)…