如何在jQuery中创建div元素?
当前回答
可替换为append()您也可以使用appendTo(),它具有不同的语法:
$("#foo").append("<div>hello world</div>");
$("<div>hello world</div>").appendTo("#foo");
其他回答
我刚刚为此制作了一个小型jQuery插件。
它遵循您的语法:
var myDiv = $.create("div");
DOM节点ID可以指定为第二个参数:
var secondItem = $.create("div","item2");
严重吗?没有。但是这个语法比$(“<div></div>”)好,而且它的价值非常高。
(答案部分复制自:jQuery document.createElement等效项?)
如果它只是一个空div,这就足够了:
$("#foo").append("<div>")
or
$("#foo").append("<div/>")
它给出了相同的结果。
可替换为append()您也可以使用appendTo(),它具有不同的语法:
$("#foo").append("<div>hello world</div>");
$("<div>hello world</div>").appendTo("#foo");
$("<div/>").appendTo("div#main");
将在<div id=“main”></div>中追加一个空白div
您可以使用append(添加到父级的最后一个位置)或prepend(添加到其父级的第一个位置):
$('#parent').append('<div>hello</div>');
// or
$('<div>hello</div>').appendTo('#parent');
或者,可以使用不同答案中提到的.html()或.add()。
推荐文章
- 使伸缩项目正确浮动
- Babel 6改变了它导出默认值的方式
- 如何配置历史记录?
- ES6模板文字可以在运行时被替换(或重用)吗?
- [Vue警告]:找不到元素
- 可以在setInterval()内部调用clearInterval()吗?
- AngularJS控制器的生命周期是什么?
- 无法读取未定义的属性“msie”- jQuery工具
- 形式内联内的形式水平在twitter bootstrap?
- 我的蛋蛋怎么不见了?
- JavaScript中的排列?
- 自定义元素在HTML5中有效吗?
- JavaScript中有睡眠/暂停/等待功能吗?
- 如何触发自动填充在谷歌Chrome?
- jQuery:执行同步AJAX请求