如何在jQuery中创建div元素?
当前回答
这个怎么样?这里,pElement指的是您希望该div位于其中的元素(作为!:的子元素)。
$("pElement").append("<div></div");
您可以很容易地在字符串中向该div添加更多内容-属性,内容,您可以命名它。请注意,对于属性值,您需要使用正确的引号。
其他回答
如果它只是一个空div,这就足够了:
$("#foo").append("<div>")
or
$("#foo").append("<div/>")
它给出了相同的结果。
div = $("<div>").html("Loading......");
$("body").prepend(div);
document.createElement('div');
下面是另一种使用jQuery创建div的技术。
元素克隆
假设您的页面中有一个现有的div,您希望使用jQuery克隆该div(例如,在表单中多次复制输入)。你可以这样做。
$('#clone_button').click(function(){$(“#clone_wrapper div:first”).clone().append('克隆').appendTo($(“#clone_wrapper”));});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><div id=“clone_wrapper”><div>Div公司</div></div><button id=“clone_button”>克隆我</按钮>
创建div的一个简单方法是
var customDiv = $("<div/>");
现在,自定义div可以附加到任何其他div。
推荐文章
- 使伸缩项目正确浮动
- Babel 6改变了它导出默认值的方式
- 如何配置历史记录?
- ES6模板文字可以在运行时被替换(或重用)吗?
- [Vue警告]:找不到元素
- 可以在setInterval()内部调用clearInterval()吗?
- AngularJS控制器的生命周期是什么?
- 无法读取未定义的属性“msie”- jQuery工具
- 形式内联内的形式水平在twitter bootstrap?
- 我的蛋蛋怎么不见了?
- JavaScript中的排列?
- 自定义元素在HTML5中有效吗?
- JavaScript中有睡眠/暂停/等待功能吗?
- 如何触发自动填充在谷歌Chrome?
- jQuery:执行同步AJAX请求