Полноэкранный режим с селектором jquery

Question

Я пытаюсь создать элемент в полноэкранном режиме с событием onclick. Он хорошо работает со следующим кодом в функции события щелчка:

var element = document.getElementById('fullscreenDiv'); 
fullScreen(element); 

Функция fullScreen обрабатывает запрос правильно. Но когда я пытаюсь использовать тот же самый код, но subsitute в document.getElementById с простым селектором JQuery, ничего не происходит:

var element = $('#fullscreenDiv'); 
fullScreen(element); 

Я не видят причины для такого поведения. Кто-нибудь объясняет это? Спасибо за ваши ответы!

полноэкранной функция выглядит следующим образом:

function fullScreen(element) { 
    if(element.requestFullScreen) { 
     element.requestFullScreen(); 
    } else if(element.webkitRequestFullScreen) { 
     element.webkitRequestFullScreen(); 
    } else if(element.mozRequestFullScreen) { 
     element.mozRequestFullScreen(); 
    } 
} 

Answer 1

fullScreen() функция ожидает получить элемент DOMNode, а не JQuery объект, как, что вы проходите через, если вы должны были пройти через элемент узла, который JQuery объект выбирает:

var $element = $('#fullscreenDiv'); 
fullScreen($element.get(0)); 

Это будет работать в качестве первого фрагмента кода, предназначенного тоже. Чтобы дать вам немного больше понимания, почему это происходит, объекты jQuery представляют собой набор необработанных элементов DOM, используя .get() или [index], обращается к тем собранным элементам.