jQuery-attr()方法_使用纪要

最新推荐文章于 2021-07-12 20:33:44 发布
最新推荐文章于 2021-07-12 20:33:44 发布
阅读量584 收藏
点赞数
分类专栏： jQuery函数 # javaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dalei9243/article/details/108232265
版权 
jQuery-attr()方法

语法: 

	1. 返回属性值的语法: 
		$(selector).attr(attribute)

	2. 设置属性值的语法: 
		2.1. 设置单个属性值的语法: 
			$(selector).attr(attribute,value);
			Eg:$("#"+xid).attr("class","active open");

		2.2. 设置多个属性值的语法:
			$(selector).attr({attribute,value, attribute2,value2, attribute_n,value_n});
			Eg:$("img").attr({width:"150",height:"100"});

	3. 使用函数设置属性和值:
		$(selector).attr(attribute,function(index,currentvalue))

作用:
	设置或返回被选元素的属性和值.

特点:
	1. 当该方法用于返回属性值时,则会返回第一个匹配元素的值.
	2. 当该方法用于设置属性值时,则会为所匹配的元素设置一个或多个属性/值对.

	Demo:(attr()使用函数设置属性和值)

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>xxxxxxxxx</title>
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
	</script>
	<script>

		// 初始化.
		$(document).ready(function(){

			// button按钮事件.
			$("button").click(function(){

				/*
				使用attr函数设置指定属性的值.
				其中:
					n表示选择器选中DOM的下标位.
					v表示指定属性当前的值.
				 */
				$("img").attr("width",function(n,v){
					return v-50;
				});
			});
		});
	</script>
</head>
<body>

	<img src="https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1598379404&di=fb2cea840d0b2819ed7a91784ec37764&src=http://images.china.cn/attachement/jpg/site1000/20170424/7427ea210a2c1a677cda59.jpg" alt="Pulpit Rock" width="284" height="213">
	<img src="https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1598379404&di=fb2cea840d0b2819ed7a91784ec37764&src=http://images.china.cn/attachement/jpg/site1000/20170424/7427ea210a2c1a677cda59.jpg" alt="Pulpit Rock" width="360" height="213">
	<br>
	<button>图像宽度减少50 px</button>

</body>
</html>

 

大雷！
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquqery菜单
03-23
jquqery菜单Etoak——james
jquery-3.2.0.js，jquery-3.2.0.min.js
03-30
- **属性操作（Attributes）**：通过 `.attr()` 方法可以获取或设置元素的属性，如 `.attr("href", "newUrl")` 更改链接的 URL。 - **内容操作（Content）**：`.html()`, `.text()`, `.append()`, `.prepend()` 等...
Jquery中attr()方法的使用
baby_soga的专栏
03-24 1173
jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQueryDOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名)       //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ） 2. attr(属性名
jquery中attr()方法的使用
吕小医的博客
01-19 532
attr(属性名) 作用：获取该属性的值 例： <input id=“student” name=“stu” type=“text”> $("#student)").attr(“name”);//输出stu attr(属性名, 属性值) 作用：设置属性的值 例： <input id=“student” name=“stu” type=“text”...
jquery中的attr的使用，使用方法？
weixin_46409887的博客
08-04 252
代码如下: $("button").click(function(){ $("img").attr("width","180"); $("img").attr({width:"250",height:"280"}); }); 1.改变图像的 width 属性：属性值 2.可以对多个属性进行改变：属性值改变
JQuery 节点元素的属性操作
weixin_30699463的博客
02-10 84
在JQuery中，用attr()方法来获取和设置元素属性，removeAttr()方法来删除元素属性。 获取属性和设置属性 如果要获取p元素的属性title，那么只需要给attr()方法传递一个参数，即属性名称。 1 var$para = $("p");//获取<p>节点 2 v...
jQuery-API.rar_javascript_jquery_jquery api
09-23
jQuery API.CHM文件是一个包含jQuery API详细文档的离线帮助文件，通过查阅它可以深入了解每个方法的使用和参数。同时，官方网站（https://api.jquery.com/）提供了最新的在线文档和示例。 总结，jQuery API是...
用jquery的attr方法实现图片切换效果
10-20
本文将详细介绍如何使用jQuery库中的attr方法来实现一个简单的图片切换效果。attr方法是jQuery中用于获取或设置HTML元素属性值的函数，通过该方法可以方便地实现元素属性的动态修改，进而达到图片切换的目的。 首先...
jQuery中 attr() 方法使用小结
10-24
`attr()`方法还可以与事件绑定结合使用，例如，可以使用`data-*`自定义数据属性来存储额外的信息： ```javascript $("div").attr("data-toggle", "modal"); ``` 然后在事件处理器中，可以通过`data()`方法访问这些...
使用jQuery的attr方法来修改onclick值
12-12
$("#anchor").attr('onclick', '').click(newclick); 如果onclick事件原先有值，要先清空，再用click( eval(function(){…..}) )赋值 $("input[name='orderCar']").attr('onclick','').click( eval(...
用JQuery 判断某个属性是否存在hasAttr的解决方法
12-12
在JQuery编码中,我们会判断元素是否存在某个属性.比如是否包含 class=”new” 的样式呢.JQuery判断就非常简单了,因为有 hasClass这个方法 $(“input[name=new]”).hasClass(“new”) 即可判断. 但是有时候我们需要判断别的属性,比如有的 a 链接包含 rel 属性,有的没有rel属性.这时该怎么判断呢? 这时就没有现成的方法了. 如果存在某个属性 $(“#aid”).attr(“rel”) 会返回 rel的值,如果不存在 rel属性则会返回”undefined” undefined 就是 undefined类型 , if($(“#aid”
jQuery 属性操作 - attr() 方法
08-20 597
定义和用法 attr() 方法设置或返回被选元素的属性值。 根据该方法不同的参数，其工作方式也有所差异。 返回属性值 返回被选元素的属性值。 语法 $(selector).attr(attribute) 设置属性/值 设置被选元素的属性和值。 语法 $(selector).attr(attribute,value) 参数 描述 attrib
$(selector).attr(attribute)
ksgimi
05-02 383
[img][/img]
JQuery的$(selector).attr()+$("#a").text()+val()
升级打怪
03-04 356
返回属性的值： $(selector).attr(attribute) 设置属性和值： $(selector).attr(attribute,value) 使用函数设置属性和值： $(selector).attr(attribute,function(index,currentvalue)) 设置多个属性和值： $(selector).attr({attribute:value, a...
img图片标签设置src的值并重载地址
awangwu的博客
10-10 2536
$("#imgId").attr('src',data.url);  
JavaScript基础学习——jQuery插件开发
qq_41890177的博客
03-14 407
一、什么是jQuery插件 jQuery插件是对jQuery框架利用原型的一个扩展。插件通常是一个完备功能的封装，它是JQ功能的一个补充或扩展。 注意：开发JQ插件，该插件是依赖于JQ，所以必须先引入JQ，再引入插件。 二、jQuery的插件主要分3种类型： 1、封装对象方法的插件（原型扩展）（主要的开发方式）：这种是大多数采用的方法。操作原型，对jQuery框架侵入性较小。 2、封装全局函数的插件（静态扩展）：装方法或插件直接挂到类上。 3、选择器插件：对JQ选择DOM的补充或扩展。 三..
pthread_attr_init () 函数详解
热门推荐
CodeAllen嵌入式
07-12 3万+
1.【线程属性】 线程具有属性，用pthread_attr_t表示，在对该结构进行处理之前必须进行初始化，在使用后需要对其去除初始化。 调用pthread_attr_init之后，pthread_t结构所包含的内容就是操作系统实现支持的线程所有属性的默认值。 如果要去除对pthread_attr_t结构的初始化，可以调用pthread_attr_destroy函数。如果pthread_attr_init实现时为属性对象分配了动态内存空间，pthread_attr_destroy还会用无效的值初始化属性对象，
attr库
语言大湿
07-06 794
代码展示： ​@attr.s(slots=True, frozen=True)#https://www.jianshu.com/p/2140b519028d class Context: """The context that triggered something.""" user_id = attr.ib(#attr.ib则是快速对属性进行定义的方法 ty...
jQuery的attr（）方法
anfield的门柱
09-08 1359
1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ） 2. attr(属性名, 属性值) //设置属性的值 （为所有匹配的元素设置一个属性值。） 3. attr(属性名,函数值) //设置属性的函数值 （为所有匹配的元素设置一个计算的属性值。不提供值，
aio_attr->sample_rate = OT_AUDIO_SAMPLE_RATE_48000; aio_attr->bit_width = OT_AUDIO_BIT_WIDTH_16; aio_attr->work_mode = OT_AIO_MODE_I2S_SLAVE; aio_attr->snd_mode = OT_AUDIO_SOUND_MODE_MONO; aio_attr->expand_flag = 0; aio_attr->frame_num = 30; /* 30:frame num */ aio_attr->point_num_per_frame = AACLC_SAMPLES_PER_FRAME; aio_attr->chn_cnt = 2; /* 2:chn cnt */ *ai_dev = SAMPLE_AUDIO_EXTERN_AI_DEV; aio_attr->clk_share = 1; aio_attr->i2s_type = OT_AIO_I2STYPE_EXTERN;详细解析
最新发布
06-01
1. `aio_attr->sample_rate = OT_AUDIO_SAMPLE_RATE_48000;` 设置音频采样率为 48000Hz。 2. `aio_attr->bit_width = OT_AUDIO_BIT_WIDTH_16;` 设置音频采样位宽为 16bit。 3. `aio_attr->work_mode = OT_AIO_MODE...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值