Várias maneiras de adicionar nós em jQuery

Índice

1. anexar()

1. Uso básico

2. Obtenha um nó dom e adicione-o ao elemento especificado, o que equivale a cortar o elemento e, em seguida, adicione-o como o último elemento filho no elemento especificado

Dois, acrescentar ()

3. antes()

Quatro, depois ()

5. anexarTo()


1. anexar()

1. Uso básico

  • Anexe o elemento ao elemento pai e seja o último
// 1、创建一个li标签
var li = $('<li>我是郑建</li>')
// 2、添加到ul中的元素后面
$('ul').append(li)

2. Obtenha um nó dom e adicione-o ao elemento especificado, o que equivale a cortar o elemento e, em seguida, adicione-o como o último elemento filho no elemento especificado

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

Dois, acrescentar ()

O uso é o mesmo que anexar()

3. antes()

  • Elemento B.before(A), é inserir o elemento A antes do elemento B e adicioná-lo como um elemento irmão
var div1 = $('<div>我是新建的div</div>')
$('#div2').before(div1)

Quatro, depois ()

  • O elemento A.before(B), é inserir o elemento B atrás do elemento A e adicioná-lo como um elemento irmão
var div1 = $('<div>我是新建的div</div>')
$('#div2').after(div1)

5. anexarTo()

  • Sintaxe: child element.appendTo(parent element) ; //Adiciona o elemento filho como o último elemento filho do elemento pai
var li = $('<li>我是郑建</li>')
li.appendTo($('ul'))

Acho que você gosta

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