jQuery中动态创建、添加元素的⽅法总结<input type="button" value="创建元素" id="btn">
<div id="box"></div>
<p id="main">这是⽂中⼀段话</p>
//点击按钮，动态创建元素
//⽅法⼀：$()创建元素，后⽤append()⽅法添加。append() 还可以把其他地⽅元素添加进这个对象中。
$('#btn').click(function() {
  var el = $('<p>这是⼀个P标签</p>');
  // $('#box').append(el); //两种添加⽅法
  el.appendTo($('#box'));
})
//⽅法⼆：.html()⽅法为元素创建并添加⼦元素。 html() 还可以把其他地⽅元素添加进这个对象中。⽀持添加标签。$('#btn').click(function() {
jquery在一个元素后追加标签
  $('#box').html('<h>标题是。。</h>');
})
//如DOM中创建元素⽅法
var box = ElementById('box');
var p = ateElement('p');
p.innerText = '这是第⼆个哦~';
box.appendChild(p);
//jQuery中添加元素的⽅法：
var i = 1;
$('#btn').click(function () {
  var p = $('<p> 第⼆个p标签' + i + '</p>')
  i++;
//⼀、在元素内添加，可以把其他地⽅元素也添加进来：对象.html('元素及内容')
  $('#box').html($('#main'));
//⼆、在元素内添加，依次（往后）添加：对象.append(元素) 或者元素.appendTo(对象)
  $('#box').append($('#main'));
  $('#box').append(p);
//三、在元素内添加，依次（往前）添加：对象.prepend(元素)；
  $('#box').prepend(p);
//四、在元素前添加兄弟元素，依次（往后）添加：对象.before(元素);
  $('#box').before(p);
//五，在元素后添加兄弟元素，依次（往前）添加：对象.after(元素)；
  $('#box').after(p);
})

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。