通过attr(name)方法获取元素的属性

最新推荐文章于 2022-04-27 11:41:14 发布
最新推荐文章于 2022-04-27 11:41:14 发布
阅读量4.5k 收藏
点赞数 2
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_40607363/article/details/78981720
本文介绍了一个简单的示例，展示了如何使用jQuery获取并显示HTML中图片元素的src属性和title属性。通过这个例子，读者可以了解到基本的jQuery选择器和属性操作方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

h5
<img alt="" title="这是一幅风景画"   src="Images/img01.jpg" />

 <div id="divAlt"></div>

js：

$(function() {
            var strAlt = $("img").attr("src"); //属性值一
            strAlt += "<br/><br/>" + $("img").attr("title"); //属性值二
            $("#divAlt").html(strAlt); //结果div内容为：Images/img01.jpg、这是一幅风景画
        })


AtomDCM
关注
attr属性大全
weixin_30612769的博客
07-31 4381
在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中，用一个attr()就可以全部搞定了： jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1.attr(属性...
attr(name)方法
iteye_6065的博客
04-30 597
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;
jquery中的attr函数attr(name)、attr(key,value)、attr(properties)、attr(key,fn)、removeAttr
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
08-29 3482
全栈工程师开发手册 （作者：栾鹏） jquery系列教程2-style样式操作全解 jquery通过attr函数操作元素属性jquery的attr函数，包括attr(name)、attr(key,value)、attr(properties)、attr(key,fn)、removeAttr，具体功能如代码中注释。代码如下：$cr.attr("src");
javascript根据元素自定义属性获取元素，操作元素
tju_tsubasa的博客
05-08 1万+
转自javascript根据元素自定义属性获取元素，操作元素function getElementByAttr(tag,attr,value) { var aElements=document.getElementsByTagName(tag); var aEle=[]; for(var i=0;i<aElements.length;i++) { if
attr属性操作
qq_34266804的博客
11-25 563
1、attr(attrName) 获取属性 参数 : 属性名称 返回 : 对应属性的值，获取失败返回 null <divid="test"></div> <scripttype="text/javascript"src="js/h.js"></script> <scripttype="text/javascript"charset...
jQuery属性操作之.attr()
peterzhangsnail的博客
11-28 2852
文章目录.attr()调用形式:$("xxx").attr(name)调用形式:$("xxx").attr(name,value);调用形式:$("xxx").attr(attrObject);调用形式:$("xxx").attr(name,attrFn); [转载:https://www.cnblogs.com/peterzhangsnail/p/10030013.html] .attr() 1...
jQuery .attr()和.removeAttr()方法操作元素属性示例
10-27
(attr()方法是jQuery中用于获取和设置元素属性的标准方法。它有以下两种主要功能： 1. 读取属性值：当我们要获取某个元素的某个属性值时，可以使用.attr()方法。它的语法结构非常简单，只需要传递属性名即可。例如...
jquery attr方法获取input的checked属性问题
10-25
在jQuery中，`attr`和`prop`方法都是用来处理元素属性的，但它们之间存在重要的区别，尤其是在处理像`checked`这样的布尔属性时。`attr`主要用于获取或设置HTML元素的特性（attributes），而`prop`则用于处理元素的...
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
01-21
jQuery中操纵元素属性的方法: 　attr(): 读或者写匹配元素的属性值. 　removeAttr(): 从匹配的元素中移除指定的属性. attr()方法 读操作 　attr()读操作. 读取的是匹配元素中第一个元素的指定属性值. 　格式: ....
jQuery使用元素属性attr赋值详解
10-24
在JavaScript的世界里，jQuery库极大地简化了DOM操作，包括对元素属性的操作。本文将深入探讨jQuery如何使用`attr`方法来赋值和处理元素的属性。 `attr`是jQuery中的一个核心方法，它用于获取、设置或者删除HTML...
JQuery中根据属性或属性值获得元素(6种情况获取方法)
10-27
在JQuery中，有多种方式可以根据元素的属性或属性值来获取元素。下面详细介绍六种不同的方法...以上就是六种在JQuery中根据属性或属性值获取元素的方法。掌握这些方法可以使你在使用JQuery进行DOM操作时更加得心应手。
attr(name,value)方法
iteye_6065的博客
04-30 290
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;
JavaScript-DOM-属性节点
十二的博客
04-27 2181
JavaScript-DOM-属性节点
jQuery.attr ('class') 和 jQuery.attr ('className') 的区别
w36680130的博客
08-04 8465
&lt;div id="div1" class='A B C D'&gt;&lt;/div&gt; 将div1里面class全部修改成E F G H $('#div1').att
面试题-实现一个 $attr(name, value)遍历，属性为 name,值为 value 的元素集合
qq_42345237的博客
03-29 465
实现一个 $attr(name, value)遍历，属性为 name,值为 value 的元素集合 let arr = $attr(‘class’, ‘box’); => 获取页面中所有 class 为 box 的元素 来看看我们该如何解决： <!DOCTYPE html> <html> <head> <meta charset="utf...
js通过'data-xxx'自定义属性获取dom元素
热门推荐
weixin_39889465的博客
01-10 2万+
当我们需要改变某一个元素的内容时，首先要获取该dom元素。其次，通过dom.innerHtml等改变dom的内容。但是针对一些没有class、id同时页面的元素还是动态渲染的场景，我们又该如何做呢？ 例如，下图中的div没有class，id，只有data-fieldmark自定义属性，且其值只有‘field’部分不变，数值部分根据不同的页面值不同，针对这样的场景我们又该怎么获取到dom呢？ wi...
js根据属性获取dom
weixin_41463944的博客
08-12 1355
function getElementByAttr(tag, dataAttr, reg) { var aElements = document.getElementsByTagName(tag) var aEle = [] for (var i = 0; i < aElements.length; i++) { var ele = aElements[i].getAttribute(dataAttr) if (r
jquery attr/attribute()方法
乐杨俊浅谈LAMP
10-16 8352
在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中，用一个attr()就可以全部搞定了,赞一个先 ^^ jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. at
js中attr 与find 获取属性值，
weixin_33691700的博客
06-17 1312
一、attr的用法 1. attr(属性名)        //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ） 2. attr(属性名, 属性值)   //设置属性的值 （为所有匹配的元素设置一个属性值。） 3. attr(属性名,函数值)     //设置属性的函数值  （为所有匹配的...
深入理解jQuery attr()方法：设置与获取属性值的实战
例如，在提供的代码片段中，通过点击按钮事件，`$("div").attr("class")`获取的是第一个`div`元素的`class`属性值。在这个例子中，如果`class`属性值为`.fontbg`，则会弹出相应的字符串。 2. 设置属性值 另一个语法...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值