Well, what is the difference between the two methods? Is it semantically the same or does it affect something?
$('#demo').on('click', function() {
alert('Click con on.click');
});
$('#demo2').click(function() {
alert('Click con click');
});
#demo{
background-color:#F2F2F2;
width:500px;
height:100px;
text-align:center;
vertical-align: middle;
display:table-cell;
cursor:pointer;
}
#demo2{
background-color:#E6E6E6;
width:500px;
height:100px;
text-align:center;
vertical-align: middle;
display:table-cell;
cursor:pointer;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="demo">Click con on.click</div>
<div id="demo2">Click con click</div>