网络编程 
首页 > 网络编程 > 浏览文章

jQuery使用元素属性attr赋值详解

(编辑:jimmy 日期: 2026/3/5 浏览:3 次 )

复制代码 代码如下:
1.$("Element").attr(name) '取得第一个匹配的属性值,比如$("img").attr("src") 
2.$("Element".attr(key,value)") '某一个元素设置属性 
3.$("Element".attr({key:value,key1:value,....})) ‘为某个元素一次性设置多个属性 
4.$("Element").attr(key,function) '为所有匹配的元素设置一个计算的属性值。 
5.$("Element").removeAttr(name)//移除某一个属性 

jQuery 代码:

复制代码 代码如下:
$("img").attr("src");

参数properties 描述:

为所有图像设置src和alt属性。

jQuery 代码:

复制代码 代码如下:
$("img").attr({ src: "test.jpg", alt: "Test Image" });

参数key,value 描述:

为所有图像设置src属性。

jQuery 代码:

复制代码 代码如下:
$("img").attr("src","test.jpg");

参数key,回调函数 描述:

把src属性的值设置为title属性的值。

jQuery 代码:

复制代码 代码如下:
$("img").attr("title", function() { return this.src });

以上就是本文的全部内容了,都是个人的一些经验总结,希望大家能够喜欢。

上一篇:jquery 根据name名获取元素的value值
下一篇:jquery实现公告翻滚效果
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。