jQuery addClass example

Change class name on click in jQuery

by johnvaldetine

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
<a href="a.html">Ali</a> <a href="b.html">Veli</a> <a href="a.html">Mehmet</a> <a href="a.html">Lorem</a>

<p></p>
<p></p>


<form id="bayiSecimiFormu">
    <div>
      <span id="d2Radio" class="input-group-text"><input type="radio" class="className" value="" readonly="true"></span><span>    <input id="d1" type="text" class="form-control" placeholder="D1"></span>
    </div>
      <div>
      <span id="d2Radio" class="input-group-text"><input type="radio" class="className" value="" readonly="true"></span><span>    <input id="d3" type="text" class="form-control" placeholder="D3"></span>
    </div>
      <div>
      <span id="d3Radio" class="input-group-text"><input type="radio" class="className" value="" readonly="true"></span><span>    <input id="d3" type="text" class="form-control" placeholder="D3"></span>
    </div>
    </form>

JavaScript

// find elements
var banner = $("#banner-message")
var button = $("button")

// handle click and add class
button.on("click", function(){
  banner.addClass("alt")
})

$('a').click(function(){

	$(this).value();
});