JQuery . что означает $ ('<img />')?

Возможный дубликат:
Что означает синтаксис селектора в $("

Я искал, но не смог найти никакой информации по этому вопросу... включая ссылку на jQuery...

Что значит $('<img/>') значит в jQuery? Я знаком с $('img') только.

Я сталкивался с этим кодом в этой статье: http://tympanus.net/codrops/2010/11/16/hover-slide-effect/

Но в коде, когда я заменяю одно на другое, оно перестает работать, поэтому я думаю, что они не совпадают.

Кроме того, последний кусок кода:

.attr('src',$this.attr('src'));

для чего это? Это кажется избыточным, но это также терпит неудачу, если я удаляю это. Кто-нибудь может уточнить это?

Спасибо

Источник

3 ответа

Решение

$(anyHtmlCode) создает jQuery-упакованный набор элементов, созданный из предоставленного вами HTML-кода.

Из документации:

Если строка передается в качестве параметра $(), jQuery проверяет строку, чтобы увидеть, выглядит ли она как HTML (т.е. имеет <tag ... > где-то внутри строки). Если нет, строка интерпретируется как выражение селектора, как описано выше. Но если строка выглядит как фрагмент HTML, jQuery пытается создать новые элементы DOM, как описано в HTML. Затем создается и возвращается объект jQuery, который ссылается на эти элементы. Вы можете выполнить любой из обычных методов jQuery для этого объекта

Линия

$someElement.attr('src',$this.attr('src'));

устанавливает src для $someElement таким же, как и для $this.

Источник

$('<img/>') создает новый тег изображения. это похоже на

document.createElement('img')
Источник

$('<img />') на самом деле создает новый img элемент и оборачивает его в объект jQuery, тогда как $('img') выбирает все img элементы на странице.

$('img').attr('src',$this.attr('src')) устанавливает первое совпадение img элемента src приписывать.

Источник
Другие вопросы по тегам