[Функция] width(val)
Раздел "CSS"
Функция устанавливает CSS свойство width для каждого подходящего элемента.
Параметры
width(val)
1.0
val: устанавливаемое CSS свойство width по заранее заданному значению.
Описание
Если нет явно заданного размера (например в 'em' or '%') переменная будет выражена в "px".
Примеры
Пример:
По нажатию установить css свойство width для каждого элемента div в 30 px и изменить цвет текста.
"jQuery"
$("div").one('click', function () { $(this).width(30) .css({cursor:"auto", "background-color":"blue"}); });
"HTML"
<div></div> <div>d</div> <div>d</div> <div>d</div> <div>d</div>
"CSS"
div { width:70px; height:50px; float:left; margin:5px; background:red; cursor:pointer; }
"Живой пример jQuery"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("div").one('click', function () { $(this).width(30) .css({cursor:"auto", "background-color":"blue"}); }); }); </script> </head> <body class="iframe"> <div></div> <div>d</div> <div>d</div> <div>d</div> <div>d</div> </body> </html> <style> div { width:70px; height:50px; float:left; margin:5px; background:red; cursor:pointer; } </style>
Версия jQuery 1.4.2
Документ создан 2010-08-21
Комментарии
Проверил!
Работает!
Живой пример работает!
Живой пример работает!