Как отображать и скрывать элементы div на основе раскрывающегося списка <select> в jQuery

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

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

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

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

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

Как посчитать количество слов в строке с помощью jQuery

Вы можете рассчитать или найти количество слов в строке с помощью JavaScript-метода split(). Этот метод просто разбивает строку на массив подстрок по указанному символу. В следующем примере мы также использовали метод trim() для удаления начальных и конечных пробелов из строки перед подсчетом количества слов.
Подробнее

Как удалить первый символ из строки в jQuery

Вы можете использовать JavaScript-метод substring() для удаления первого символа из строки. Типичный пример — удаление символа решетки (#) из идентификатора фрагмента. Давайте посмотрим на пример, чтобы понять, как работает этот метод:
Подробнее

Как получить значения выбранных чекбоксов в группе с помощью jQuery

Вы можете использовать jQuery-селектор :checked в сочетании с методом each() для получения значений всех чекбоксов, выбранных в группе. Используемый здесь метод each() просто перебирает все отмеченные чекбоксы. Давайте посмотрим пример, чтобы понять, как это работает:
Подробнее

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

Вы можете просто использовать jQuery-метод prop() для динамического отключения или включения элементов формы или элементов управления, таких как <input>, <select>, <textarea> т. д. с помощью jQuery. Для метода prop() требуется jQuery 1.6 и выше. Посмотрим, как это работает:
Подробнее

Как найти положение мыши относительно элемента с помощью jQuery

Вы можете использовать jQuery-метод event.pageX и event.pageY в сочетании с jQuery-методом offset(), чтобы получить положение указателя мыши относительно элемента. Давайте посмотрим на следующий пример, чтобы понять, как это работает:
Подробнее

Как динамически установить или снять чекбокс с помощью jQuery

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

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

Вы можете установить ширину блока <div> динамически, используя jQuery-метод width(). Метод width() просто возвращает ширину элемента как значение без единицы измерения. Однако вызов метода width(value) устанавливает ширину элемента, где значение может быть либо строкой (например, 100%, 50px, 25em, auto и т. д.), либо числом без значения. Если указано число без значения, jQuery по умолчанию воспринимает…
Подробнее

Как запустить событие при выборе файла в jQuery

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

Как воспроизвести и остановить CSS-анимацию с помощью jQuery

Вы можете использовать jQuery-метод css() в сочетании со свойством animation-play-state для воспроизведения и остановки анимации CSS в середине цикла. Давайте посмотрим на следующий пример, чтобы понять, как это работает:
Подробнее