日期:2014-05-16  浏览次数:20457 次

【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");
});