jQuery

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Scroll bottom (jQuery)

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

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

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

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

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

fadein (jQuery)

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

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

fadeout (jQuery)

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

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

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

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

chepro. 21 марта 2012. 6585 просмотров

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

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

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

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

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

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

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

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

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

scrollLeft animate (jQuery)

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

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

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

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

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

scrollLeft (jQuery)

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

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

Toggle attr checked (jQuery)

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

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

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

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

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

Checkbox check all (jQuery)

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

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

Select selected text (jQuery)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

lastChild (jQuery)

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

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

firstChild (jQuery)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

pngFix для IE (jQuery)

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

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

ready (jQuery)

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

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

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

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

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

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

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

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

jquery и cookie

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

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

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

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

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

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

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

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

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

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