如何在jQuery中创建div元素?
当前回答
我刚刚为此制作了一个小型jQuery插件。
它遵循您的语法:
var myDiv = $.create("div");
DOM节点ID可以指定为第二个参数:
var secondItem = $.create("div","item2");
严重吗?没有。但是这个语法比$(“<div></div>”)好,而且它的价值非常高。
(答案部分复制自:jQuery document.createElement等效项?)
其他回答
从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/>");
添加单击处理程序、样式等,最后将其插入到DOM中的目标元素选择器中:
$(“<div/>”{//此处的属性text:“单击我”,id:“示例”,“class”:“myDiv”,//('class'在引号中更好)css:{颜色:“红色”,fontSize:“3em”,光标:“指针”},日期:{mouseenter:函数(){console.log(“请…”+$(this).text());},单击:函数(){console.log(“嗨!我的ID是:”+this.ID);}},追加:“<i>!!</i>”,appendTo:“body”//最后,附加到任何选择器}); // << 这里不需要做任何事情,因为我们在内部定义了财产。<script src=“//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script>
与ian的答案类似,但我找不到适当处理财产对象声明中方法使用的示例,所以就这样。
$("<div/>").attr('id','new').appendTo('body');
这将在body中创建id为“new”的新div。
这个怎么样?这里,pElement指的是您希望该div位于其中的元素(作为!:的子元素)。
$("pElement").append("<div></div");
您可以很容易地在字符串中向该div添加更多内容-属性,内容,您可以命名它。请注意,对于属性值,您需要使用正确的引号。
<div id="foo"></div>
$('#foo').html('<div></div>');
推荐文章
- 在数组中获取所有选中的复选框
- 如何为Firebase构建云函数,以便从多个文件部署多个函数?
- 如何发送推送通知到web浏览器?
- AngularJS:工厂和服务?
- js:将一个组件包装成另一个组件
- 我如何在网站上使用谷歌的Roboto字体?
- 父ng-repeat从子ng-repeat的访问索引
- 如何禁用文本区域大小调整?
- JSHint和jQuery: '$'没有定义
- 模仿JavaScript中的集合?
- 用JavaScript验证电话号码
- 如何在HTML5中改变视频的播放速度?
- 保留HTML字体大小时,iPhone的方向从纵向改变为横向
- 谷歌地图API v3:我可以setZoom后fitBounds?
- 用jQuery检查Internet连接是否存在?