flexbe banner 468x60flexbe banner 728x90flexbe banner 930x180skillbox banner 468x60skillbox banner 728x90skillbox banner 930x180beget banner 468x60beget banner 728x90beget banner 930x180

jQuery Примеры

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

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

Как предварительно просмотреть изображение перед его загрузкой с помощью jQuery

Вы можете использовать метод JavaScript readAsDataURL() объекта FileReader для чтения содержимого указанного файла. Когда операция чтения завершена, состояние readyState становится ГОТОВО, и запускается загрузочный модуль. Свойство результата FileReader result возвращает содержимое файла. Давайте попробуем следующий пример, который демонстрирует, как прочитать файл изображения с помощью этого метода и предварительно просмотреть его в браузере, прежде чем он…
Подробнее

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

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

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

Вы можете использовать свойство event.target для обнаружения щелчка вне элемента, например раскрывающегося меню. Это свойство возвращает элемент DOM, инициировавший событие. Чтобы проиллюстрировать, как это работает, мы создали раскрывающееся меню в следующем примере, которое будет скрывать и показывать вам подсказку, когда вы щелкаете за пределами области меню с помощью jQuery. Вам следует избегать использования метода stopPropagation()…
Подробнее

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

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

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

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

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

JQuery-метод event.pageX может использоваться для определения положения мыши относительно левого края документа, тогда как event.pageY может использоваться для определения положения мыши относительно верхнего края документа. Давайте посмотрим на пример, чтобы понять, как это работает:
Подробнее

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

Вы можете использовать метод find() для получения дочерних элементов селектора $(this) с помощью jQuery. Код jQuery в следующем примере просто выберет дочерний элемент <img> и применит к нему некоторые CSS-стили при щелчке родительского элемента <div>. Если вы хотите получить только прямых потомков целевого элемента, вы также можете использовать метод children(). Метод children() перемещается только на…
Подробнее

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

Вы можете просто использовать свойство length для подсчета или определения количества строк в таблице HTML с помощью jQuery. Это свойство можно использовать для получения количества элементов в любом объекте jQuery. Давайте посмотрим следующий пример, чтобы понять, как это работает:
Подробнее

Как изменить текст кнопки с помощью jQuery

Вы можете просто использовать jQuery-метод prop()для изменения текста кнопок, созданных с помощью HTML-элемента <input>, тогда как для изменения текста кнопок, созданных с помощью элемента <button>, вам нужно использовать метод html(). Код jQuery в следующем примере изменит текст кнопки в готовом документе:
Подробнее

Как удалить обработчик событий в jQuery

Вы можете просто использовать jQuery-метод off() для удаления обработчиков событий, которые были прикреплены с помощью on(). Не используйте метод unbind(), он устарел с jQuery 3.0. Если вы попробуете следующий пример, вы обнаружите, что функция обработчика событий sayHello() не выполняется для элемента кнопки с идентификатором btnOff:
Подробнее

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

Вы можете использовать jQuery-селектор :visible, чтобы проверить, отображается ли элемент во фронтенде или нет. Этот селектор также выберет элементы с visibility: hidden; или opacity: 0;, потому что они сохраняют пространство в макете, даже если они не видны глазу. Давайте рассмотрим пример, чтобы понять, как работает этот селектор:
Подробнее