Селектор :button – выборка всех кнопок
Сегодня рассмотрим пример – выборки всех кнопок или элементов которые соответствуют этому значению в атрибуте type
Допустим у нас на странице есть html элементы:
<input type="button" value="Send">
<input name="Name" type="text" value="">
<input name="Name" type="hidden" value="">
<input name="Name" type="password" value="">
<textarea name="Name" rows=5 cols=20 wrap="off"></textarea>
<input name="Name" type="radio" value="" checked>
<input name="Name" type="checkbox" value="ON">
<select size="1" name="Name">
<option value="value1">Item1</option>
</select>
<a href="">Ссылка</a>
Нам нужно изменить фон только для кнопки (элемент с атрибутом type и значением button). Для этого напишем такой скрипт:
$(document).ready(function() {
$(':button').css('background','#ccc');
});
Как видите – цвет фона кнопки стал серым, все остальные элементы остались не тронутыми.
Комментарии:
Нету комментариев для вывода...