beget banner 468x60beget banner 728x90beget banner 930x180flexbe banner 468x60flexbe banner 728x90flexbe banner 930x180smsc banner 468x60smsc banner 728x90smsc banner 930x180

jQuery Примеры

Как создать настраиваемое поле <select> в HTML с помощью CSS и jQuery

Если вы попытаетесь удалить стрелку раскрывающегося списка <select>, используя такое CSS-свойство, как backgroundэто не приведет к желаемому результату, поскольку большинство элементов формы являются встроенной частью браузеров и поэтому поля выбора отображаются по-разному в разных браузерах, таких как Firefox, Chrome, Safari, IE и т. д. В этом руководстве мы настроим поле <select> так, чтобы оно отображалось…
Подробнее

Как удалить пробелы из начала и конца строки в jQuery

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

Как создать элемент DIV в jQuery

Вы можете просто использовать метод append() для динамического создания элемента, такого как <div>, в конце выбранного элемента в jQuery. Точно так же вы можете использовать prepend() для создания или вставки элемента в начале. Взгляните на следующий пример, чтобы понять, как это работает: jQuery также предоставляет такие методы, как before() и after() для создания элементов до…
Подробнее

Как сбросить форму с помощью jQuery

Вы можете просто использовать JavaScript-метод reset() для сброса веб-формы. Давайте посмотрим на следующий пример, чтобы понять, как это работает: В jQuery нет такого метода, как reset(), однако вы можете использовать метод jQuery trigger() для запуска собственного метода JavaScript reset(), например:
Подробнее

Как повторно вызывать функцию через фиксированный интервал времени в jQuery

Вы можете использовать JavaScript-метод setInterval() для повторного выполнения функции через определенный период времени. Метод setInterval() требует наличия двух параметров, первый из которых обычно является функцией или выражением, а второй — временной задержкой в миллисекундах. В следующем примере функция showTime() вызывается повторно через каждые 1000 миллисекунд (1 секунду), пока вы не прикажете ей остановиться. Давайте посмотрим,…
Подробнее

Как получить URL-адрес текущей страницы с помощью jQuery

Вы можете использовать объект Location и jQuery-метод attr(), чтобы получить URL-адрес текущей страницы. Синтаксис для получения URL-адреса текущей страницы: $(location).attr(«href»);. Давайте посмотрим на пример, чтобы понять, как это работает:
Подробнее

Как получить позицию элемента относительно документа с помощью jQuery

Используя jQuery-метод offset(), вы можете легко найти положение элемента относительно документа. Это применимо только для видимых элементов. Это означает, что вы можете получить положение элементов с visibility: hidden; но не с display: none;. Давайте посмотрим на следующий пример, чтобы понять, как это работает:
Подробнее

Как добавить новые элементы в DOM в jQuery

Вы можете добавлять или вставлять элементы в DOM с помощью jQuery-методов append() или prepend(). jQuery-метод append() вставляет содержимое в конец выбранного элемента, тогда как метод prepend() вставляет содержимое в начало элемента. В следующем примере показано, как легко добавлять новые элементы в конец упорядоченного списка HTML с помощью метода jQuery append(). Давайте попробуем и посмотрим, как…
Подробнее

Как анимировать высоту div при наведении курсора мыши с помощью jQuery

Вы можете просто использовать jQuery-метод animate() в сочетании с методами mouseenter() и mouseleave() для анимации высоты элемента <div> при наведении курсора мыши. Давайте посмотрим следующий пример, чтобы понять, как это работает:
Подробнее

Как отображать и скрывать элементы div с помощью чекбоксов в jQuery

В следующем примере показано, как отображать и скрывать элементы <div> на основе выбора чекбоксов с помощью jQuery-метода toggle(). Блоки <div> в примере по умолчанию скрыты с помощью CSS-свойства display, для которого установлено значение none.
Подробнее

Как получить id элемента с помощью jQuery

Вы можете просто использовать jQuery-метод attr(), чтобы получить или установить значение атрибута ID элемента. В следующем примере будет отображаться идентификатор элемента DIV в окне предупреждения при нажатии кнопки. Вы также можете получить идентификаторы нескольких элементов, имеющих один и тот же класс, через цикл, например: Вы также можете получить id отдельного элемента при использовании селектора классов…
Подробнее