jQuery

Медленно удалить элемент (jQuery)

Что бы плавно удалить элемент страницы, его сперва необходимо медленно скрыть (.hide('slow'), .slideUp('slow')), а затем вызвать колбак функцию на удаление элемента. Например есть слой <div>, который нужно плавно удалить со страницы.

Артём Фёдоров. 20 октября 2013. 4275 просмотров

Анимированный скролл до элемента (jQuery)

Анимированный скролл в jQuery производится при помощи метода .animate() и передаче в него двух параметров: объекта свойств и скорости анимации. Например у нас есть на странице ссылка с id="SCROLL_LINK", при нажатии на которую...

Артём Фёдоров. 02 октября 2013. 6731 просмотр

Скролл до элемента (jQuery)

Вертикальный скролл страницы в jQuery выполняется при помощи метода .scrollTop(value). value — число, значение скролла в пикселях. Например необходимо проскроллить страницу до элемента с id="scroll_to_id".

Артём Фёдоров. 26 сентября 2013. 23630 просмотров

Перемещение строк таблицы (jQuery)

Что бы при помощи jQuery переместить строку, выше или ниже, понадобятся методы .after(), .prev() для сдвига выше, .before(), .next() для сдвига ниже.

Артём Фёдоров. 31 июля 2013. 4173 просмотра

Получить tagName (jQuery)

Получить имя тега (tag name) при помощи селекторов jQuery, можно двумя способами. Способ 1: $('.className1').get(0).tagName; Способ 2: $('.className2')[0].tagName;

chepro. 09 июля 2013. 9852 просмотра

Scroll bottom (jQuery)

Чтобы проскроллить слой вниз при помощи jQuery, нужно сперва узнать высоту скролла, затем применить к нему метод .scrollTop(value).

Артём Фёдоров. 11 декабря 2012. 7668 просмотров

Как проверить есть ли событие (jQuery)

Чтобы проверить висит ли на элементе jQuery какое-либо событие сперва нужно получить список всех событий, а затем проверить есть ли в этом список искомое событие.

Артём Фёдоров. 09 октября 2012. 8550 просмотров

fadein (jQuery)

Плавное появление «из темноты» или fadein элементов в jQuery производится при помощи функции jQuery.fadeIn([duration] [, callback]). Принимает 2 параметра: скорость затухания и колбак-функция.

Артём Фёдоров. 04 апреля 2012. 3889 просмотров

fadeout (jQuery)

Затухание или fadeout элементов в jQuery производится при помощи функции jQuery.fadeOut([duration] [, callback]). Принимает 2 параметра: скорость затухания и колбак-функция.

Артём Фёдоров. 03 апреля 2012. 3243 просмотра

Поиск по двум классам (jQuery)

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

chepro. 21 марта 2012. 7664 просмотра

Поменять цвет фона (jQuery)

Цвет фона у элемента в jQuery меняется при помощи метода .css(). Есть слой и кнопка при нажатии на которую нужно поменять цвет фона у слоя.

chepro. 06 февраля 2012. 8174 просмотра

Поменять цвет (jQuery)

Цвет элемента в jQuery меняется при помощи функции .css(). Есть слой с текстом и кнопка при нажатии на которую нужно поменять цвет текста у этого слоя.

Артём Фёдоров. 02 февраля 2012. 7516 просмотров

Плавно скрыть слой (jQuery)

Чтобы скрыть слой при помощи jQuery используется функция .hide(). В качестве параметра можно передать скорость исчезания слоя, например ('slow', 'fast' или числовые значение в миллисекундах).

Артём Фёдоров. 30 января 2012. 4666 просмотров

scrollLeft animate (jQuery)

Для плавной прокрутки скролла по горизонтали какого-либо элемента в jQuery используется функция .animate(properties [, duration] [, easing] [, complete]). Например есть с горизонтальной прокруткой и кнопка при нажатии на которую нужно плавно прокрутить скролл на 100 пикселей.

Артём Фёдоров. 29 января 2012. 5806 просмотров

Последний элемент списка (jQuery)

Получить последний элемент списка в jQuery можно при помощи селектора :last. Например есть маркированный список элементов и кнопка при нажатии на которую нужно получить текст последнего элемента списка.

Артём Фёдоров. 28 января 2012. 5978 просмотров

scrollLeft (jQuery)

Для прокрутки скролла по горизонтали какого-либо элемента в jQuery, необходимо использовать функцию .scrollLeft(value). value — числовое значение, на сколько пикселей прокрутить скролл.

Артём Фёдоров. 27 января 2012. 1963 просмотра

Toggle attr checked (jQuery)

Чтобы сделать сделать переключатель на отметку/снятие отметки с чекбоксов нужно использовать методы .attr() и .removeAttr(). Например есть несколько чекбоксов и кнопка при нажатии на которую нужно сделать все чекбоксы checked и, если все чекбоксы отмечены убрать checked.

Артём Фёдоров. 24 января 2012. 5995 просмотров

Определить версию IE (jQuery)

Чтобы определить версию интернет эксплорера необходимо воспользоваться свойством jQuery.browser и jQuery.browser.version.

Артём Фёдоров. 16 января 2012. 5229 просмотров

Checkbox check all (jQuery)

Чтобы отметить все чекбоксы нужно использовать метод .attr('checked', 'checked'). Например на странице есть несколько чекбоксов и кнопка при нажатии на которую нужно отметить все чекбоксы.

Артём Фёдоров. 15 января 2012. 2842 просмотра

Select selected text (jQuery)

Чтобы при помощи jQuery быстро выбрать текст текущего элемента выпадающего списка нужно воспользоваться функцией .find(':selected').

Артём Фёдоров. 14 января 2012. 4471 просмотр

Плавное появление (jQuery)

Используя функцию .show() в jQuery, можно задавать скорость, передав параметр. Можно передать число в миллисекундах или текстовые значения fast и slow, 200мс и 600мс соответственно.

Артём Фёдоров. 21 декабря 2011. 17606 просмотров

Поиск по классу (jQuery)

Поиск элементов страницы по классам осуществляется при помощи точки и названия класса после нее, например $(.popular) — после такого запроса jQuery вернет все элементы с классом popular.

Артём Фёдоров. 20 декабря 2011. 5059 просмотров

Количество элементов (jQuery)

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

Артём Фёдоров. 17 декабря 2011. 17020 просмотров

Элемент по атрибуту (jQuery)

Если необходимо найти какие-либо элементы страницы по атрибуту (не по идентификатору и классу), то в поиске, в квадратных скобках просто указывается атрибут, равный нужному значению.

Артём Фёдоров. 12 декабря 2011. 7798 просмотров

lastChild (jQuery)

В jQuery есть способ быстро найти последний дочерний элемент любого элемента. Делается это при помощи метода .find(selector) и передачи в него параметра ":last-child".

Артём Фёдоров. 11 декабря 2011. 1979 просмотров

firstChild (jQuery)

В jQuery есть способ быстро найти первый дочерний элемент любого элемента. Делается это при помощи метода .find(selector) и передачи в него параметра ":first-child".

Артём Фёдоров. 11 декабря 2011. 15173 просмотра

Выбор нескольких id (jQuery)

Выбрать несколько элементов по идентификатору в jQuery достаточно просто — указать их через запятую. Пример: Есть две кнопки с идентификаторами btn_1 и btn_2 соответственно...

Артём Фёдоров. 26 октября 2011. 11148 просмотров

Координаты элемента (jQuery)

В jQuery получить координаты элемента можно относительно всего документа и относительно родительского слоя, при помощи функций jQuery.offset() и jQuery.position() соответственно.

Артём Фёдоров. 26 октября 2011. 26402 просмотра

Загрузка страниц (jQuery)

В jQuery есть функция, которая позволяет быстро подгружать страницы, например в слой, например в div — это функция load(). Например необходимо загрузить в слой контент страницы content.html.

Артём Фёдоров. 24 октября 2011. 6780 просмотров

Показать скрыть слой (jQuery)

В jQuery есть несколько методов позволяющих скрыть или показать слой — это функции .show(), .hide(), .toggle().

Артём Фёдоров. 14 октября 2011. 10655 просмотров

Очистить div (jQuery)

Очистить какой-либо слой в jQuery очень просто. Для очищения слоя используется функция .empty().

Артём Фёдоров. 13 октября 2011. 14498 просмотров

Как подключить jQuery

Подключить jQuery к HTML-странице очень просто. Нужно в тег (находится в самом начале HTML-страницы), поместить тег , указав в аттрибуте src путь к файлу jquery. Формат:

Артём Фёдоров. 08 октября 2011. 4604 просмотра

pngFix для IE (jQuery)

pngFix (jQuery)Каждый верстальщик сталкивался с проблемой полупрозрачности PNG-файлов в браузере Internet Explorer 6. Проблема решается при помощи jQuery и плагина jQuery.pngFix().

Артём Фёдоров. 27 сентября 2011. 2277 просмотров

ready (jQuery)

Самая используемая конструкция в jQuery это функция .ready( handler ). Нужна эта функция для выполнения кода после загрузки страницы, а если быть точнее, то после события DOMContentLoaded.

Артём Фёдоров. 24 сентября 2011. 1480 просмотров

Textarea поменять значение (jQuery)

Вставить текст в textarea при помощи jquery проще простого. Формат следующий: $(textarea).val(string text);

Артём Фёдоров. 20 сентября 2011. 8928 просмотров

Поменять img.src (jQuery)

Сменить атрибут SRC у тега при помощи jQuery, очень просто, формат следующий: $(img).attr("src", string newsource);

Артём Фёдоров. 20 сентября 2011. 4322 просмотра

jquery и cookie

Пользоваться cookie в jquery очень просто. Понадобится сам jquery и jquery.cookie. Формат следующий: $.cookie(string name, string value, object options).

Артём Фёдоров. 18 сентября 2011. 2392 просмотра

Поменять класс (jQuery)

Чтобы поменять класс у элемента при помощи jQuery используется функция .toggleClass(className).

Артём Фёдоров. 16 сентября 2011. 8324 просмотра

© 2010-2018 expange.ru
При полном или частичном копировании статей сайта, ссылка на источник обязательна.

Хотите узнать больше информации, пишите на: artem@expange.ru

Полезное онлайн  ·  Новости  ·  Изображения  ·  Статьи по датам

О проекте  ·  Правила пользования  ·  Представительства

Благодарности и пожелания