Сниппеты 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 секунд прозрачный слой исчезнет самостоятельно.

Взаимосвязанные материалы

# 1. О сайте (суббота, июля 6, 2019 - 21:51 ),

Сайт slyweb.ru содержит многочисленную информацию о разработке сайтов и их поддержки в рабочем состоянии.

На сегодняшний день slyweb.ru представляет следующие услуги:

читать...
# 2. Как написать первый плагин на jQuery, с использованием ajax? (воскресенье, июня 3, 2018 - 10:52 ),

Возможно рано или поздно Вам придётся писать серьёзные скрипты на jQuery, поскольку jQuery наиболее популярен в последнее время. читать...

# 3. jQuery для начинающих! (пятница, июня 1, 2018 - 21:28 ),

Возможно Вам интересно спросить: "Почему у меня возникла мысль написать подробное мини-руководство об ajax на jQuery?". читать...

# 4. jQuery - самое нужное! Карусель! (воскресенье, мая 20, 2018 - 19:22 ),

Здравствуйте уважаемые читатели, продолжаем цикл статей о самом нужном в jQuery. Сегодня я научу Вас делать jQuery карусель. читать...

# 5. Аудио плеер на основе HTML5 и jQuery (вторник, апреля 17, 2018 - 19:23 ),

Сегодня я расскажу как сделать интересный вариант плеера на основе html 5 и jQuery.

Плеер будет поддерживать следующие функции:

читать...

Комментарии

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