如何在jQuery中创建div元素?
当前回答
$("<div/>").attr('id','new').appendTo('body');
这将在body中创建id为“new”的新div。
其他回答
您可以使用append(添加到父级的最后一个位置)或prepend(添加到其父级的第一个位置):
$('#parent').append('<div>hello</div>');
// or
$('<div>hello</div>').appendTo('#parent');
或者,可以使用不同答案中提到的.html()或.add()。
从jQuery1.4开始,您可以将属性传递给自封闭元素,如下所示:
jQuery('<div>', {
id: 'some-id',
class: 'some-class some-other-class',
title: 'now this div has a title!'
}).appendTo('#mySelector');
在文档中
示例可以在jQuery1.4发布:你必须知道的15个新特性中找到。
我认为这是添加div的最佳方法:
要将测试div附加到ID为div_ID的div元素,请执行以下操作:
$("#div_id").append("div name along with id will come here, for example, test");
现在将HTML附加到这个添加的测试div中:
$("#test").append("Your HTML");
这个怎么样?这里,pElement指的是您希望该div位于其中的元素(作为!:的子元素)。
$("pElement").append("<div></div");
您可以很容易地在字符串中向该div添加更多内容-属性,内容,您可以命名它。请注意,对于属性值,您需要使用正确的引号。
div = $("<div>").html("Loading......");
$("body").prepend(div);
推荐文章
- 如何使用Jest测试对象键和值是否相等?
- 将长模板文字行换行为多行,而无需在字符串中创建新行
- 如何在JavaScript中映射/减少/过滤一个集?
- 如何嵌入HTML到IPython输出?
- 如何删除/忽略:悬停css风格的触摸设备
- Bower: ENOGIT Git未安装或不在PATH中
- HTML5文本区域占位符不出现
- 添加javascript选项选择
- 在Node.js中克隆对象
- HTML tabindex属性是什么?
- 我如何捕捉Ajax查询后错误?
- 为什么在JavaScript的Date构造函数中month参数的范围从0到11 ?
- HTML按钮调用MVC控制器和动作方法
- 使用JavaScript更改URL参数并指定默认值
- jQuery:什么是限制“数字”仅输入文本框的最佳方法?(允许使用小数点)