为了账号安全,请及时绑定邮箱和手机立即绑定

如何使用JQuery给自定义属性赋值取值

如何使用JQuery给自定义属性赋值取值

梵蒂冈之花 2019-05-25 19:15:06
如何使用JQuery给自定义属性赋值取值
查看完整描述

3 回答

?
Smart猫小萌

TA贡献1911条经验 获得超7个赞

使用JQuery给自定义属性赋值取值

jQuery 属性操作 - attr() 方法

定义和用法

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

一、返回属性值

返回被选元素的属性值。

语法

$(selector).attr(attribute)

参数描述

attribute    规定要获取其值的属性。    

$(selector).attr(attribute)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<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>

二、设置属性/值

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

语法

$(selector).attr(attribute,value)

参数描述

attribute    规定属性的名称。    

value    规定属性的值。    

$(selector).attr(attribute,value)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<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>


 

 




查看完整回答
反对 回复 2019-05-26
?
红颜莎娜

TA贡献1842条经验 获得超12个赞

直接可以使用attr方法,示例:
var $div = $('mydiv');

var pro = $div.attr('mypro'); // 获取自定义属性

$div.attr('mypro', '123'); // 设置自定义属性的值,设置mypro属性为123



查看完整回答
反对 回复 2019-05-26
  • 3 回答
  • 0 关注
  • 2050 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信