+ -
当前位置:首页 → 问答吧 → jQuery动态创建DIV和TABLE

jQuery动态创建DIV和TABLE

时间:2009-10-10

来源:互联网

新手求助各位大侠,jQuery怎么动态创建组DIV和TABLE,谢谢,用JS会创建,感觉代码很多,不知道jQuery里面有没有这个方法。谢谢。

作者: allenkk   发布时间: 2009-10-10

同楼上问题
期待结果

我就知道document.createElement("div");  

作者: cj1324   发布时间: 2009-10-10

$('<div></div>')
这个可以创建,但在里面添加我还没有测试出来,知道的说下,谢谢了。

作者: allenkk   发布时间: 2009-10-10

/**
* jQuery动态创建DIV,设置属性和CSS样式
*/
var createDiv= function(){
    var parentDiv=$('<div></div>');        //创建一个父DIV
    parentDiv.attr('id','parent');        //给父DIV设置ID
    parentDiv.addClass('parentDiv');    //添加CSS样式

    var childDiv=$('<div></div>');        //创建一个子DIV
    childDiv.attr('id','child');            //给子DIV设置ID
    childDiv.addClass('childDiv');    //添加CSS样式
    childDiv.appendTo(parentDiv);        //将子DIV添加到父DIV中

    parentDiv.appendTo('body');            //将父DIV添加到BODY中
}

在IE6,IE7,傲游,FF测试下通过。
新手第一次上贴,若有错误之处,请各位大侠指出,谢谢。

作者: allenkk   发布时间: 2009-10-10

$('<div></div>').css({'border':'1px solid #FFCF5F','height':'20px','background':'#FFFFE0'}).attr('title','新加的div').appendTo('body');

作者: jamix   发布时间: 2009-10-10

相关阅读 更多