在jQuery中使用简写赋值元素属性

时间:2012-06-04 05:21:27

标签: javascript jquery html

要使img的宽度加倍,我可以在jQuery中执行此操作:

<img src='blah.jpg' id='pic' />

$('#pic').height($(this).height()*2);

工作正常,但我真的很喜欢使用速记作业,如:

var count = 5;
count *= 2; // to get 10.

由于element.height在jQuery中返回高度函数,我无法使用速记赋值。有没有办法在jQuery中为元素属性做简写分配?

3 个答案:

答案 0 :(得分:13)

您可以在不使用jQuery的情况下修改高度等属性

document.getElementById("pic").height *= 2;

或者如果您想使用jQuery选择元素,您可以使用此代码段。 它选择元素,然后使用索引器直接访问它。

$("#pic")[0].height *= 2;

答案 1 :(得分:0)

$('#pic').height($('#pic').height() * 2);

  $('#pic')[0].height *= 2;

答案 2 :(得分:0)

回答有关如何在jQuery中执行此操作的问题

$('#pic').height(function( i, ht){
   return ht *2;
});

请参阅1.4.1中的API添加功能 http://api.jquery.com/height/