Пример
$(document).ready(function(){
$("#but1").click(function(){
alert("Ширина синего квадрата: "+$("#blue").width() + " пикселей.");
});
$("#but2").click(function(){
$("#red").width(120);
});
$("#but3").click(function(){
$("div").width(function(index,oldval){
if (index==0)
return (oldval+50);
if (index==1)
return (oldval+30);
});
});
});
Метод width позволяет узнать текущую или установить новую ширину выбранному элементу.
//Узнаем значение свойства width первого выбранного элемента $(селектор).width() //Установим новое значение свойству width всех выбранных элементов $(селектор).width(новое_значение) //Установим новое значение свойству width всех выбранных элементов с помощью функции $(селектор).width(function(индекс,старое_значение))
селектор выбирает элемент, которому будет установлена новая ширина (ширина которого будет возвращена).
новое_значение устанавливает выбранному элементу новое значение ширины (задается в пикселях).
function функция, которая возвращает новое значение ширины.
индекс (является необязательным параметром функции) Параметр передающийся функции и обозначающий порядковый номер селектора.
старое_значение (является необязательным параметром функции) Параметр содержащий старое значение свойства width выбранного элемента.