teotlu

Помещаете текст в псевдоэлемент к картинке. Делаете ему опасити 0 и цвет фона rgba(0, 0, 0, 0.5) (разумеется позиционируете правильно) Картинке ставьте transition по опасити. При ховере на картинку меняйте опасити у псевдоэлемнета.

Еще был замечательный live, которого больше нету.

Вообще .on все умеет:
$('#content').on('click', '.button', onClick)

Как отписать от события кнопку?

Если нужно передать фокус этому элементу, то $('input').focus(). Если просто кликнуть, то $('input').click().

Более фундаментальная статья.

frontender.info/when-using-ids-can-be-a-pain-in-th...

Тот на котором вам легко программировать и на котором вам нравится это делать.

Скорость верстки очень сильно зависит от типа проекта. Также скорость верстки прямо пропорциональна объему навыков (как связанных с IT, так и базовых), умноженному на опыт.

Чтобы измерить скорость чистой верстки с типичным функционалом идеально подойдет обычный несложный лендинг, а лучше сразу несколько. На лендинги небольшого размера у опытного верстальщика уходит от 5 до 9 часов, в зависимости от инструментов и технологий, которые он применяет при верстке.

Оценить скорость конкретно только верстки под CMS довольно сложно, так как верстка под CMS включает также много других смежных задач и подводных камней.

Основные навыки и инструменты, повышающие скорость верстки:
- touch typing - слепая печать - незаменимый навык, значительно ускоряющий любую деятельность за ПК
- emmet, сниппеты, сохраненные заготовки, шаблоны
- препроцессоры
- хорошее владение редактором кода (шоткаты и т.п.), быстрое перемещение по коду
- способность быстро осваивать новую информацию и сразу же применять ее
и т.д. - можно долго продолжать этот список

Использование первых трех в сумме дает очень большой прирост скорости.
В таком случае скорость верстки будет выше средней.

<img
src="data:image/gif;base64,R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAw
AAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapyuvUUlvONmOZtfzgFz
ByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSp
a/TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJl
ZeGl9i2icVqaNVailT6F5iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uis
F81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97Vriy/Xl4/f1cf5VWzXyym7PH
hhx4dbgYKAAA7"
alt="Larry" />

так-же и в css

background-image: url("data:image/gif;base64,R0lGODlhAwADAIAAAP///8zMzCH5BAAAAAAALAAAAAADAAMAAAIEBHIJBQA7");

Никаких внятных аргументов нет.
Update: А ещё бить бы по рукам любителям универсального селектора без ограничения области его применения. Кто писал хотя бы один модуль, тот поймёт.

Никак, используя ту же фазу (иначе см. ответ evnuh про использование capturing, а не bubbling phase).
И вы этого не должны хотеть.