jQuery でノードを追加するいくつかの方法

目次

一、append()

1. 基本的な使い方

2. dom ノードを取得して、指定された要素に追加します。これは、この要素を切り取り、指定された要素の最後の子要素として追加することと同じです。

二、prepend()

3. 前()

4、()の後

5.appendTo()

---

一、append()

1. 基本的な使い方

• 要素を親要素に追加し、最後に追加します。

// 1、创建一个li标签
var li = $('<li>我是郑建</li>')
// 2、添加到ul中的元素后面
$('ul').append(li)

2. dom ノードを取得して、指定された要素に追加します。これは、この要素を切り取り、指定された要素の最後の子要素として追加することと同じです。

// 1、获取一个li节点
var li = $('li')
// 2、把这个li标签剪切复制到ul中作为最后一个子元素
$('ul').append(li)

二、prepend()

使い方はappend()と同じです。

3. 前()

• 要素 B.before(A) は、要素 B の前に要素 A を挿入し、兄弟要素として追加します。

var div1 = $('<div>我是新建的div</div>')
$('#div2').before(div1)

4、()の後

• 要素 A.before(B) は、要素 A の後ろに要素 B を挿入し、兄弟要素として追加します。

var div1 = $('<div>我是新建的div</div>')
$('#div2').after(div1)

5.appendTo()

• 構文: child element.appendTo(parent element) ;//子要素を親要素の最後の子要素として追加します

var li = $('<li>我是郑建</li>')
li.appendTo($('ul'))