jQuery addClass example

Change class name on click in jQuery

HTML

<div id="content">
    
      <div id="dialog" class="dialogComponent">
      
          <div id="foo" class="dialogComponent">
            test 123 123 123 123 
            <input class="dialogComponent class2" type="text">
          </div>
          <button class="dialogComponent">Submit</button>
      </div>
    
    </div>

CSS

#content { width: 100%; height: 333px; background-color: black;}
#dialog { margin: 33px;  background-color: blue; }

JavaScript

$('#content').click(function(e) {
    	if (!e.target.classList.contains("dialogComponent"))
      	alert('Closing Dialog');
    });