【JS常用代码】Div层处理

//层显示
$("#btnshow").click(function()

{
$("#div1").show();

});

//层隐藏


$("#btnhide").click(function()
{
$("#div1").hide();

});


//层显示隐藏相互切换
$("#btntoggle").click(function()
{
$("#div1").toggle();

});


//获取层内容
$("#btndivgethtml").click(function()
{
var divcontent=$("#div1").html();
alert("层的内容为：\n"+divcontent+"");

});

//给层赋值

$("#btndivsethtml").click(function()
{
$("#div1").html("<p>HELLO WORLD!</p>");

});


//层删除
$("#btndivsethtml").click(function()
{
$("#div1").remove();

});


//层清空
$("#btndivsethtml").click(function()
{
$("#div1").empty();

});


//添加新的样式到层
$("#btndivaddClass").click(function()
{
$("#div1").addClass("mybox");

});


//删除指定样式到层
$("#btndivremoveClass").click(function()
{
$("#div1").removeClass("mybox");
});