jQuery toggleClass example

Toggle class name on click in jQuery

by aarkuo17

HTML

<div id='main'>

</div>

JavaScript

var newdiv1 = document.createElement('div');
       newdiv1.id = "buttondiv";
       $('#main').append(newdiv1);
       var newbtn = document.createElement('button');
       newbtn.id = "clean";
       newbtn.innerHTML = "清空";
       newbtn.className = "submit";
       newbtn.type = "button";
       var newbtn1 = document.createElement('button');
       newbtn1.id = "create";
       newbtn1.innerHTML = "新增";
       newbtn1.type = "button";
       newbtn1.className = "submit";
       var newbtn2 = document.createElement('button');
       newbtn2.id = "alert";
       newbtn2.type = "button";
       newbtn2.innerHTML = "修改";
       newbtn2.className = "submit";

       newdiv1.appendChild(newbtn);
       newdiv1.appendChild(newbtn1);
       newdiv1.appendChild(newbtn2);
       
       $div = $('<div></div>')
       $btn = $('<button></button>')
       $btn.attr({
       id:'newcreate' 
       })
       $btn.text('dd');
       $btn.addClass('submit')
       $btn1 = $('<button></button>')
       $btn1.attr('id', 'newclear');
       $btn1.text('clear');
       $btn1.addClass('submit')
       $btn2 = $('<button></button>');
       $btn2.attr('id','newalert');
       $btn2.text('alert');
       $btn2.addClass('submit')
       
       $('#main').append($div);
       $div.append($btn);
       $div.append($btn1);
       $div.append($btn2);