jQuery toggleClass example

Toggle class name on click in jQuery

by aarkuo17

HTML

<ul id='ul'>
<li>HAHA</li>
</ul>

<input type='button' value='Click me' id='btn'>

JavaScript

var $btn = $('#btn');

/* document.write($btn.val()); */

$btn.click(function(){
 //document.write(this.value);
 var li = '<li>one</li>'; //HTML
 var li1 = document.createElement('li'); //DOM
 li1.textContent = 'two';
 var $li2 = $("<li></li>").text("three"); //Jquery

 $("#ul").append(li, li1, $('ul li'), $li2);  
 

});