我的编程空间,编程开发者的网络收藏夹
学习永远不晚

jquery里attr的概念是什么

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

jquery里attr的概念是什么

今天小编给大家分享一下jquery里attr的概念是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

在jquery中,attr全称“attribute”,意思为“属性”,是一种属性操作方法,可返回元素的属性值,语法“元素.attr("属性名")”;也可为元素设置一个或多个属性/值对,语法“元素.attr({属性:值,属性:值...})”。

jquery里attr的概念是什么

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

在jquery中,attr全称“attribute”,中文意思为“属性”。

attr()是jquery中的一种属性操作方法,可以设置或返回被选元素的属性和值。

  • 当该方法用于返回属性值,则返回第一个匹配元素的值。

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

语法:

  • 返回属性的值:

$(selector).attr("属性名")
  • 设置属性和值:

//设置单个属性和值:
$(selector).attr("属性","值")

//设置多个属性和值:
$(selector).attr({属性:值,属性:值,...})

示例1:返回属性值

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script class="lazy" data-src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					alert("图片宽度: " + $("img").attr("width"));
				});
			});
		</script>
	</head>
	<body>

		<img class="lazy" data-src="img/1.jpg" alt="Pulpit Rock" width="284" height="213">
		<br>
		<button>返回图片的宽度</button>

	</body>
</html>

jquery里attr的概念是什么

示例2:设置图像的 width 属性

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script class="lazy" data-src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					 $("img").attr("width","500");
				});
			});
		</script>
	</head>
	<body>

		<img class="lazy" data-src="img/1.jpg" alt="Pulpit Rock" width="284" height="213">
		<br>
		<button>为图片设置width属性</button>

	</body>
</html>

jquery里attr的概念是什么

示例3:设置多个属性和值对

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script class="lazy" data-src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("img").attr({width:"150",height:"100"});
				});
			});
		</script>
	</head>
	<body>

		<img class="lazy" data-src="img/1.jpg" alt="Pulpit Rock" width="284" height="213">
		<br>
		<button>给图片设置宽度和高度属性</button>

	</body>
</html>

jquery里attr的概念是什么

以上就是“jquery里attr的概念是什么”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注编程网行业资讯频道。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

jquery里attr的概念是什么

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

jquery的概念是什么

这篇文章主要讲解了“jquery的概念是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery的概念是什么”吧!jQuery是一个快速、小型且功能丰富的JavaScript库,是为了
2023-07-05

jquery中序列化的概念是什么

本篇内容介绍了“jquery中序列化的概念是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!在jquery中,序列化是指把对象转化为可传输
2023-07-05

jquery中DOM的中文概念是什么

这篇文章主要介绍“jquery中DOM的中文概念是什么”,在日常操作中,相信很多人在jquery中DOM的中文概念是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”jquery中DOM的中文概念是什么”的疑
2023-07-04

jquery中attr的作用是什么

今天就跟大家聊聊有关jquery中attr的作用是什么,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。jquery是什么jquery是一个简洁而快速的JavaScript库,它具有独特
2023-06-14

php里exit的概念是什么

这篇文章主要介绍“php里exit的概念是什么”,在日常操作中,相信很多人在php里exit的概念是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”php里exit的概念是什么”的疑惑有所帮助!接下来,请跟
2023-07-02

vue里token的概念是什么

这篇文章主要介绍“vue里token的概念是什么”,在日常操作中,相信很多人在vue里token的概念是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”vue里token的概念是什么”的疑惑有所帮助!接下来
2023-06-29

编程热搜

目录