jquery中attr怎么设置(attr,jquery,web开发)

时间:2024-05-04 04:28:20 作者 : 石家庄SEO 分类 : web开发
  • TAG :

接下来,请跟着小编一起来学习吧!

在jquery中,attr是一个用于设置或者返回被选元素属性和值的方法;该方法用于返回属性值时,能够返回第一个匹配元素的值;该方法用于设置属性值时,可以设置多个属性值,语法为“元素对象.attr(属性)”或“元素对象.attr(属性,属性值)”。

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery中attr啥意思

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

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

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

语法

返回属性的值:

$(selector).attr(attribute)

设置属性和值:

$(selector).attr(attribute,value)

使用函数设置属性和值:

$(selector).attr(attribute,function(index,currentvalue))

设置多个属性和值:

$(selector).attr({attribute:value,attribute:value,...})

返回属性值示例如下:

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>123</title>
<scriptsrc="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert("图片宽度:"+$("img").attr("width"));
});
});
</script>
</head>
<body>
<imgsrc="img_pulpitrock.jpg"alt="PulpitRock"width="284"height="213">
<br>
<button>返回图片的宽度</button>
</body>
</html>

输出结果;

jquery中attr怎么设置

点击按钮后:

jquery中attr怎么设置

若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

本文:jquery中attr怎么设置的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:jquery中show()方法不起作用怎么解决下一篇:

18 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18