В чем разница между $(окном) и окном в jquery/javascript
спросил
Изменено 7 лет, 7 месяцев назад
Просмотрено 37 тысяч раз
В чем разница между javascript window и jquery $(window)?
Я попробовал в консоли Chrome и получил следующее:
Итак, я бы сделал вывод, что это «просто» объект окна, завернутый в объект jquery таким образом, чтобы я мог использовать для него функции jquery (например, height(), width() и т. д.)
Я сделал попробуйте погуглить и переполнить стек 🙂 OFC, но безрезультатно.
- javascript
- jquery
5
Когда вы пишете $(window)
, вы должны знать, что этот фрагмент кода будет работать на движке JS.
$
— это функциональный объект. В основном вы вызываете функцию $
и передаете native global или window
объект ей в качестве аргумента. Если вы просмотрите исходный код jQuery, вы увидите, что он передает этот объект многим внутренним функциям и, в конце концов, возвращает объект-оболочку jQuery.
Так что да, ваши предположения в значительной степени верны.
Вы используете
окно, которое представляет собой оболочку jQuery, содержащую глобальный объект окна. Намерение здесь состояло в том, чтобы создать переменную окна с локальной областью видимости, которая дала бы мне немедленный доступ к методам jQuery, таким как width(), height(), scrollLeft() и scrollTop().
2
Окноявляется глобальным объектом и не имеет отношения к какой-либо сторонней библиотеке.
однако $(window) возвращает объект jQuery. Вы правы, что это не что иное, как оболочка, но она поставляется со всеми возможными вкусностями jQuery. Мы можем использовать его так же, как обычный объект jQuery, мы можем получить доступ к его дочерним элементам, можем связать с ним данные и т. д. и т. д.5
Объект window
представляет само окно. Вы можете найти больше объяснений здесь. Из того, что вы описали выше, кажется, что вы ищете доступ к свойств документа
вместо свойств окна
. Вы можете получить доступ к свойствам длины, высоты и т. д. следующим образом:
- document.height (чистый javascript) или $(document).height() (jQuery)
- document.width (чистый javascript) или $(document).width() (jQuery)
Дополнительные свойства
см. здесь.
2
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя электронную почту и пароль
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Окно Объект
❮ Предыдущий Далее ❯Объект окна
Объект окна представляет собой открытое окно в браузере.
Если документ содержит фреймы (теги
Свойства объекта окна
Собственность | Описание |
---|---|
закрытый | Возвращает логическое значение true, если окно закрыто. |
консоль | Возвращает объект консоли для окна. См. также Объект консоли. |
состояние по умолчанию | Устарело. |
документ | Возвращает объект Document для окна. См. также Объект документа. |
Элемент рамы | Возвращает кадр, в котором работает окно. |
рамы | Возвращает все объекты окна, работающие в окне. |
история | Возвращает объект History для окна. См. также Объект истории. |
внутренняя высота | Возвращает высоту области содержимого окна (окна просмотра), включая полосы прокрутки |
Возвращает ширину области содержимого окна (окна просмотра), включая полосы прокрутки | |
длина | Возвращает количество элементов |
локальное хранилище | Позволяет сохранять пары ключ/значение в веб-браузере. Сохраняет данные без даты истечения срока действия |
местоположение | Возвращает объект Location для окна. См. также Объект «Местоположение». |
имя | Задает или возвращает имя окна |
навигатор | Возвращает объект Navigator для окна. См. также Объект «Навигатор». |
открывалка | Возвращает ссылку на окно, которое создало окно |
внешняя высота | Возвращает высоту окна браузера, включая панели инструментов/полосы прокрутки |
внешняя ширина | Возвращает ширину окна браузера, включая панели инструментов/полосы прокрутки |
страницаXСмещение | Возвращает количество пикселей, в которых текущий документ был прокручен (по горизонтали) от верхнего левого угла окна |
страница YСмещение | Возвращает количество пикселей, в которых текущий документ был прокручен (по вертикали) от верхнего левого угла окна |
родитель | Возвращает родительское окно текущего окна |
экран | Возвращает объект Screen для окна См. также Объект Screen |
Экран Левый | Возвращает горизонтальную координату окна относительно экрана |
ЭкранВерх | Возвращает вертикальную координату окна относительно экрана |
экранX | Возвращает горизонтальную координату окна относительно экрана |
ЭкранY | Возвращает вертикальную координату окна относительно экрана |
хранилище сеансов | Позволяет сохранять пары ключ/значение в веб-браузере. Сохраняет данные для одного сессия |
прокруткаX | Псевдоним pageXOffset |
свитокY | Псевдоним pageYOffset |
сам | Возвращает текущее окно |
статус | Устарело. Избегайте его использования. |
верх | Возвращает самое верхнее окно браузера |
Методы объекта окна
Метод | Описание |
---|---|
addEventListener() | Прикрепляет обработчик событий к окну |
предупреждение() | Отображает окно предупреждения с сообщением и кнопкой OK |
atob() | Декодирует строку в кодировке base-64 |
размытие() | Убирает фокус с текущего окна |
бтоа() | Кодирует строку в base-64 |
ClearInterval() | Очищает таймер, установленный с помощью setInterval() |
ясное время ожидания () | Очищает таймер, установленный с помощью setTimeout() |
закрыть() | Закрывает текущее окно |
подтвердить() | Отображает диалоговое окно с сообщением, кнопкой OK и кнопкой Cancel |
фокус() | Устанавливает фокус на текущее окно |
getComputedStyle() | Получает текущие вычисленные стили CSS, примененные к элементу |
получить выбор() | Возвращает объект Selection, представляющий диапазон текста, выделенный пользователем |
matchMedia() | Возвращает объект MediaQueryList, представляющий указанную строку мультимедийного запроса CSS |
двигаться по () | Перемещает окно относительно его текущей позиции |
перейти() | Перемещает окно в указанную позицию |
открыть() | Открывает новое окно браузера |
печать() | Печатает содержимое текущего окна |
подсказка() | Отображает диалоговое окно, предлагающее посетителю ввести |
удалитьEventListener() | Удаляет обработчик событий из окна |
ЗапросAnimationFrame() | Запрашивает у браузера вызов функции для обновления анимации до следующий перекрас |
изменить размерBy() | Изменяет размер окна на указанные пиксели |
изменить размер() | Изменяет размер окна до указанной ширины и высоты |
прокрутка() | Устарело. Этот метод был заменен методом scrollTo(). |
прокрутка по() | Прокручивает документ на указанное количество пикселей |
прокрутить () | Прокручивает документ до указанных координат |
setInterval() | Вызывает функцию или оценивает выражение через указанные интервалы (в миллисекундах) |
setTimeout() | Вызывает функцию или оценивает выражение через указанное количество миллисекунд |
стоп() | Останавливает загрузку окна |
❮ Предыдущий Следующий ❯
ВЫБОР ЦВЕТА
Лучшие учебники
Учебник HTMLУчебник CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3.CSS
Учебное пособие по Bootstrap
Учебное пособие по PHP
Учебное пособие по Java
Учебное пособие по C++
Учебное пособие по jQuery
9
Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.