$(function () { $("#Btn_AddBColor").click(function () { $("div.demo").addClass("bcolor"); $("#demo").click(); }); $("#Btn_RemoveBColor").click(function () { $("div.demo").removeClass("bcolor"); $("#demo").click(); }); $("#demo").click(function () { var div = $(this); var html = "width:" + div.width() + "height:" + div.height() + "color:" + div.css("color") + "background-color:" + div.css("backgroundColor"); $("#msg").html(html); }); });
<input id="Btn_AddBColor" type="button" value="Add BColor" /> <input id="Btn_RemoveBColor" type="button" value="Remove BColor" /> <div id="demo" class="demo">demo</div> <div id="msg"></div>
div.demo { border:solid 1px black; color:red; width:300px; height:300px; } .bcolor { background-color:blue; }