Представление html-селектора для JS
163
16 октября 2018, 16:10
<a id="test"></a>
<script>
var test = $('#test');
console.log(test);
console.log(test[0]);
</script>
Запрашиваю содержимое селектора test два раза, во втором случае с индексом 0. На картинке то, что выдала консоль. Как называется этот "феномен" - html-формат получить можно, только присвоив индекс (или это не индекс?), и что за представление в первом случае?
Answer 1
В певрвом случае это jquery-объект, с ним можно работать с помощью методов библиотеки jquery, например $('#test').offset().top.
Во втором случае это нативный js, который можно было бы получить так document.querySelector('#test'), с этом объектом можно так же работать, но с помощью нативных методов js, например document.querySelector('#test').getBoundingClientRect().
Также эти объекты можно конвертировать между собой, например так:
var js, jq;
jq = $('#test');
js = jq[0];
js = jq.get(0);
js = document.getQuerySelector('#test');
jq = $(js);
-
07:09
-
17:51
-
08:01
-
07:36
-
07:00
-
21:22
-
20:00
-
20:14
-
07:41
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 46662 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30287 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 22828 visits
- Как через css изменить цвет png изображения? 10161 visits
- Blob video url download 9800 visits
- Php curl запрос через прокси с авторизацией 9059 visits
- Работа с captcha vk api 7976 visits
© "hostciti.net" 25.4.2024 | 04:33