Using the jQuery width() and height() methods

Can you use the .width() and .height() methods to inc开发者_如何转开发rease the height like $('x').width('+=2px') or $('x').height('+=2px')?

I couldn't find any information about this on the jQuery website, but I also haven't seen anything to suggest that this doesn't work.

These methods get and set the height or width of the elements.

width() or width(val)

Such approach as you say is only provided on .animate()

Sinan.

Why not just do something like this?

var el = $('x');
el.width(el.width()+2);

EDIT: To clean it up, you can create a plugin, something like this (untested):

jQuery.fn.increaseWidth = function(amount) {
  this.width(this.width()+amount);
  return this;
};

This would allow you to do $('x').increaseWidth(2)

No. The value you pass to width() is expected to be a CSS length value. Pixels are assumed if you don't specify a unit.