Что такое loc = $ ('<a>', {href: window.location}) [0]; имею в виду?

Question

Я видел loc = $('<a>', {href:window.location})[0];, появляющихся во многих образцах, и все они, кажется, воспринимают это как должное. Я не новичок в jQuery, но только недавно решил начать искать мои URL-адреса, так что мой вопрос заключается в том, что означает странное сочетание синтаксиса?

Было бы полезно, если бы вы могли предоставить пример использования или несколько другую ссылку, которая ссылается на ту же самую вещь, что и здесь loc.

Спасибо!

Answer 1

$('<a>', {href:window.location}) создание объекта jquery и [0] используется здесь для доступа к базовому элементу DOM. Вы также можете использовать get(index) для доступа к базовому элементу DOM.

loc = $('<a>', {href:window.location}); 
 
console.log(loc[0]); 
 
console.log(loc);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

Код loc = $('<a>', {href:window.location}) дает объект JQuery версии и [0] дает узел DOM, созданный им без каких-либо дополнительных опций.

var loc = $('<a>', {href:window.location}); 
 

 
console.log(loc); 
 
console.log(loc[0]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 3

Этот код создает новый a элемент с HREF атрибут равен текущему window.location и присваивает его переменной loc.