今天在做动态定位系统时,使用了动态创建元素,因此好好研究了一下,总结一下,供后面使用。
一、创建元素
$()可以直接创建一个元素例如创建一个img标签
var tag=$('<img class="dingwei-map-tag" id=' + tagId + ' onclick="showinfo(this)"></img>');
tag.css('left', x + 'px');
tag.css('top', y + 'px');
二、追加元素
$('#dingweiContent').append(tag);
三、追加元素的几种方式
-
append方法用来在元素的末尾追加元素(最后一个子节点)
-
prepend方法在元素开始的时候追加元素(第一个子节点)
-
after方法在元素之后添加元素(添加兄弟)
-
before方法在元素之前添加元素(添加兄弟)