$( "#id-block" ).on( "click", function() { ... });$( "body" ).on( "click", "#id-block", function() { ... });setTimeout(function(){
$("#button").trigger('click');
}, 1000);.A, .B {}, а если класс неизвестен заранее - .A, .A * {}
background-position: 0% 100% у вас справа еще есть по сути красный фон такой же длины как и блок, но он не виден так как выходит за видимые границы. Но вы просто представьте условно что синяя линяя далее продолжается на точно такое расстояние справа но уже имеет красный цвет.
$(document).mousemove(function(e) {