Сниппеты jQuery для HTML

Опубликовано admin - ср, 06/01/2011 - 22:18
Изображение
Сниппеты

Сниппеты, о которых пойдёт речь далее, проверены на работоспособность в следующих браузерах:

  • Google Chrome 9+
  • Opera 10.5+
  • Firefox 5+
  • Safari 3.2+
  • Internet Explorer 6 +

 


 

Сниппет, выбирающий URL из текста и превращающий его в ссылку:

Сниппет проверяет полную загрузку изображений:

Сниппет для обхода элементов XML разметки:

Сниппет для проверки значения выбранной опции элемента SELECT соответствует ли оно определенному значению из массива:

Сниппет для обхода элементов XML разметки:

Сниппет для обхода элементов XML разметки:

Сниппет для обхода элементов XML разметки:

Сниппет для отметки всех checkbox:

Сниппет для отметки всех checkbox:

Сниппет, позволяющий сделать открытие ресурса ссылки в новой вкладке:

Сниппет. определяющий родительский элемент в порядке перехода вверх по структуре DOM:

Сниппет. определяющий родительский элемент в порядке перехода вверх по структуре DOM:

Сниппет, центрирующий элемент на странице:

Сниппет, центрирующий элемент на странице:

Сниппет, проверяющий видимость элемента.

Сниппет, ограничивающий ввод информации определённым количеством знаков для полей формы.

Сниппет удаляющий значение по умолчанию для поля формы.

Сниппет для копирования содержимого элемента вместе с его тегом

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

Сниппет для получения родительского элемента с использованием .closest()

Начиная с версии Jquery 1.4 появилась возможность перемещения от определенных элементов вверх по структуре DOM с помощью метода .closest(), который принимает один параметр - селектор или элемент.

Сниппет выделяющий слова

Пример, в котором происходит выделение первого слова в ссылке и помещение его в элемент span.

Сниппет jQuery, создающий затемнённый слой на всё окно.

Сниппет jQuery создающий затемнённый слой на всё окно и выводящий индикатор загрузки

Сниппет jQuery создающий затемнённый слой на всё окно и выводящий индикатор загрузки страницы(нажмите для примера). В версии jQuery 1.5 данный скрипт не будет работать в IE9, необходимо перейти на версию 1.5.1. Пример рассчитан на 3 секунды, после истечения 3 секунд прозрачный слой исчезнет самостоятельно.

Теги

Комментарии

Оценка

3 votes with an average rating of 3.4.

На разработку сайта! Скидки до 20%!