jQuery addClass example

Change class name on click in jQuery

HTML

<div id="homeHero">
    <div class="homeShowingWrapper" data-featured-image="https://via.placeholder.com/309x460.png">
        Content
    </div>
</div>

CSS

#homeHero {
  height: 100vh;
  width: 100%;
}

#homeHero .homeShowingWrapper {
  height: 100px;
  width: 200px;
}

JavaScript

jQuery( document ).ready( function( $ ) {

    $(".homeShowingWrapper").on('mouseover', function() {

        // Background-image
        var background = $(this).data('featured-image');

        $("#homeHero").css("background-image", "url("+background+")");

    });

});