Varias formas de agregar nodos en jQuery

Tabla de contenido

1. agregar()

1. Uso básico

2. Obtenga un nodo dom y agréguelo al elemento especificado, lo que equivale a cortar el elemento, y luego agréguelo como el último elemento secundario en el elemento especificado.

Dos, anteponer ()

3. antes()

Cuatro, después ()

5. agregar a ()


1. agregar()

1. Uso básico

  • Agregue el elemento al elemento padre y sea el último
// 1、创建一个li标签
var li = $('<li>我是郑建</li>')
// 2、添加到ul中的元素后面
$('ul').append(li)

2. Obtenga un nodo dom y agréguelo al elemento especificado, lo que equivale a cortar el elemento, y luego agréguelo como el último elemento secundario en el elemento especificado.

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

Dos, anteponer ()

El uso es el mismo que append()

3. antes()

  • Elemento B.antes (A), es insertar el elemento A antes del elemento B y agregarlo como elemento hermano
var div1 = $('<div>我是新建的div</div>')
$('#div2').before(div1)

Cuatro, después ()

  • Elemento A.antes (B), es insertar el elemento B detrás del elemento A y agregarlo como elemento hermano
var div1 = $('<div>我是新建的div</div>')
$('#div2').after(div1)

5. agregar a ()

  • Sintaxis: elemento hijo.appendTo(elemento padre) ;//Agrega el elemento hijo como último elemento hijo del elemento padre
var li = $('<li>我是郑建</li>')
li.appendTo($('ul'))

Supongo que te gusta

Origin blog.csdn.net/qq_52421092/article/details/131252698
Recomendado
Clasificación