Элементы, которые содержатся в формах пожалуй самые загадочные, в сегодняшнем практикуме разберемся как с помощью jQuery создавать выборки из любых элементов форм, постараемся рассмотреть все возможные варианты.

Создание выборки из элементов форм, HowToMake - Дизайн и разработка сайтов

Выбираем все элементы которые влияют на ввод данных в форме, поле <input>

$(':input');

Выбираем текстовые поля ввода, которые созданы как <input type="text"...

$(':text');

Выбираем поля ввода, которые созданы как <input type="password"...

$(':password');

Выбираем поля ввода, которые созданы как <input type="radio"...

$(':radio');

Выбираем поля ввода, которые созданы как <input type="checkbox"...

$(':checkbox');

Выбираем поля ввода, которые созданы как <input type="submit"...

$(':submit');

Выбираем поля ввода, которые созданы как <input type="image"...

$(':image');

Выбираем поля ввода, которые созданы как <input type="reset"...

$(':reset');

Выбираем поля ввода, которые созданы как <input type="button"...

$(':button');

Выбираем поля ввода, которые созданы как <input type="file"...

$(':file');

Выбираем поля ввода, которые созданы как <input type="hidden"...

$(':hidden');

Выбираем отмеченные поля checbox и radio

$(':checked');

Отбираем выбранный в текущий момент элемент списка

$(':selected');

Делаем выборку из выключенных элементов формы

$(':disable');

Делаем выборку из включенных элементов формы

$(':enable');

Надеюсь все понятно, вопросы задавайте в комментариях

Добавить комментарий:


Комментарии
  1. Andrey

    Привет! Совсем новичек… 🙂
    Вот есть к примеру список, элементов ли порядком, необходимо закрасить несколько полосок разными цветами. Например первые два li желтый background-color, остальные синий
    Я пытаюсь сделать так

    $(function(){
    $('ul.test li:gt(1)').addClass('yellow')??...}

    Но фильтр gt, как известно закрашивает все последующие элементы… Как остановить его выполнение или может как лучше осуществить эту задачу? Можно конечно установить всем li class и в стилях указать background-color. Хотелось бы с помощью JQuery осуществить…

  2. JAH

    Можно задать общий цвет всем элементам списка и каждому исключая первые 2 элемента задать другие CSS свойствам

    <script type="text/javascript">
    	$('.parentLi').find('li').css({'background': '#f04200'});
    	$('.parentLi').find('li:nth-child(1n+3)').css({'background': '#006699'});
    </script>

    увеличивая цифру 3 на еденицу добавляем больше элементов к скипу