Tabla de contenido
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'))