导航：首页 > 开发技术 >

jquery可不可以给图片添加属性

发表于：2025-01-16 作者：千家信息网编辑

千家信息网最后更新 2025年01月16日，这篇文章主要介绍了jquery可不可以给图片添加属性的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇jquery可不可以给图片添加属性文章都会有所收获，下面我们一起来看看吧

千家信息网最后更新 2025年01月16日jquery可不可以给图片添加属性

这篇文章主要介绍了jquery可不可以给图片添加属性的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇jquery可不可以给图片添加属性文章都会有所收获，下面我们一起来看看吧。

jquery可以给图片添加属性。两种添加方法：1、用attr()给img元素添加属性，语法"$("img").attr("属性名","值")"；2、用prop()给图片元素添加属性，语法"$("img").prop("属性名","值")"。

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery中有两种方法用于设置属性

1、使用attr()

attr() 方法设置或返回被选元素的属性和值。

当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。

$("img").attr("属性名","属性值");

示例：

2、使用prop()

prop() 方法和attr()一样，也设置或返回被选元素的属性和值。

当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。

语法：

$("img").prop("属性名","属性值");

示例：

扩展知识：图片元素img

标签定义 HTML 页面中的图像。

标签有两个必需的属性：src 和 alt。

标签的属性：

属性	值	描述
align	top bottom middle left right	HTML5 不支持。HTML 4.01 已废弃。规定如何根据周围的文本来排列图像。
loading	eager：立即加载 lazy：延迟加载	指定浏览器是应立即加载图像还是延迟加载图像。
alt	text	规定图像的替代文本。
border	pixels	HTML5 不支持。HTML 4.01 已废弃。规定图像周围的边框。
crossorigin	anonymous use-credentials	设置图像的跨域属性
height	pixels	规定图像的高度。
hspace	pixels	HTML5 不支持。HTML 4.01 已废弃。规定图像左侧和右侧的空白。
ismap	ismap	将图像规定为服务器端图像映射。
longdesc	URL	HTML5 不支持。HTML 4.01 已废弃。指向包含长的图像描述文档的 URL。
src	URL	规定显示图像的 URL。
usemap	#mapname	将图像定义为客户器端图像映射。
vspace	pixels	HTML5 不支持。HTML 4.01 已废弃。规定图像顶部和底部的空白。
width	pixels	规定图像的宽度。