Селектор изображений по имени тега / загрузка изображения в пустоту?

Question

Я включил код в свой проект, я не понимаю.

// where dImage is an existing image entity on my page
$("<img>").attr("src", $(dImage).attr("src")).load(function() {

1) что означает $("<img>")? Я бы предположил, что это означает, что все объекты изображения в DOM, но когда я попытался $("<img>").attr("woah","baby");, а затем проверить DOM, не было никаких следов моего пользовательского атрибута. почему?

2) почему это значение undefined в обратном вызове загрузки? $("<img>").attr("src"); = undefined.

3) что будет делать этот код?

Проницательность высоко ценится. Какая польза от этого утверждения?

Answer 1

1) Нет. $('<img>') создает новый элемент изображения, который получит src, полученный из элемента dImage. Для "всех объектов изображения в DOM" вы должны сделать $('img'), как селектор CSS.

2) Какое значение? $("<img>").attr("src"); = undefined. неверный код. Если вы на самом деле имеете в виду src из $("<img>"), то опять же, потому что $("<img>") создает новый элемент img.

3) Создайте новое изображение, назначьте src и прикрепите обработчик события load, который вызывается после завершения загрузки изображения.