读书人

【JS惯用代码】Div层处理

发布时间: 2012-09-14 11:53:44 作者: rapoo

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

读书人网 >JavaScript

热点推荐