jQuery中 attr() 方法使用小结

前端技术 2023/09/09 JavaScript

定义和用法

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

根据该方法不同的参数，其工作方式也有所差异。

实例1

设置被选元素的属性和值。

<html>
<head>
<script type=\"text/javascript\" src=\"/jquery/jquery.js\"></script>
<script type=\"text/javascript\">
$(document).ready(function(){
$(\"button\").click(function(){
$(\"img\").attr(\"width\",\"180\");
});
});
</script>
</head>
<body>
<img src=\"/i/eg_smile.gif\" />
<br />
<button>设置图像的 width 属性</button>
</body>
</html>

实例2

返回被选元素的属性值。

<html>
<head>
<script type=\"text/javascript\" src=\"/jquery/jquery.js\"></script>
<script type=\"text/javascript\">
$(document).ready(function(){
$(\"button\").click(function(){
alert(\"Image width \" + $(\"img\").attr(\"width\"));
});
});
</script>
</head>
<body>
<img src=\"/i/eg_smile.gif\" width=\"128\" height=\"128\" />
<br />
<button>返回图像的宽度</button>
</body>
</html>

以上所述就是本文的全部内容了，希望大家能够喜欢。

本文地址：https://www.stayed.cn/item/23382

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案