jQuery addClass example

Change class name on click in jQuery

by Mohammed Fellak

HTML

<div class="divExtra">
  <div id="EmpName">
    John Doe
  </div>
</div>
<div id="divUploadPhoto">
  Welcome Home
</div>

CSS

.divExtra {
  padding: 20px;
  font-size: 20px;
}
#divUploadPhoto .EmpName {
  display: inline-block;
}

JavaScript

$(document).ready(function() {
        checkWidth();
    });
    $(window).on("resize", function(){
        checkWidth();
    });

    function checkWidth(){
        $vWidth = $(this).width();
        
        
        if($vWidth < 375){
            $("#EmpName").appendTo("#divUploadPhoto");
        }else{
            $("#EmpName").prependTo(".divExtra");
        }
    }