jquery可以给图片添加属性吗

PHP中文网 • 2025年3月11日 20:05:34 • 编程技术 • 阅读 3

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

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

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

attr()

prop()

1、使用attr()

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

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

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

登录后复制

示例：

nbsp;html>$(document).ready(function() {$("button").click(function() {$("img").attr("align","right");});});

登录后复制

2、使用prop()

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

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

语法：

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

登录后复制

示例：

nbsp;html>$(document).ready(function() {$("button").click(function() {$("img").prop("alt","图像的替代文本");});});

登录后复制

扩展知识：图片元素img

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

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

标签的属性：

属性值描述

aligntop
bottom
middle
left
rightHTML5 不支持。HTML 4.01 已废弃。规定如何根据周围的文本来排列图像。loadingeager：立即加载
lazy：延迟加载指定浏览器是应立即加载图像还是延迟加载图像。alttext规定图像的替代文本。borderpixelsHTML5 不支持。HTML 4.01 已废弃。规定图像周围的边框。crossoriginanonymous
use-credentials设置图像的跨域属性heightpixels规定图像的高度。hspacepixelsHTML5 不支持。HTML 4.01 已废弃。规定图像左侧和右侧的空白。ismapismap将图像规定为服务器端图像映射。longdescURLHTML5 不支持。HTML 4.01 已废弃。指向包含长的图像描述文档的 URL。srcURL规定显示图像的 URL。usemap#mapname将图像定义为客户器端图像映射。vspacepixelsHTML5 不支持。HTML 4.01 已废弃。规定图像顶部和底部的空白。widthpixels规定图像的宽度。