English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery insertBefore() 方法

对于before()选择表达式在函数前面,内容作为参数

HTML do jQuery/Métodos CSS

insertBefore()方法将指定的HTML元素插入到选定的元素之前。

要在选定元素之后插入HTML元素,请使用insertAfter()方法。

before()和的insertBefore()方法执行相同的任务。主要区别在于语法:

  • Usobefore(),选择表达式在函数前面,内容作为参数

  • UsoinsertBefore()ao contrário, o conteúdo está antes do método, e será colocado antes do elemento especificado pelo parâmetro

Sintaxe:

$(content).insertBefore(selector)

Exemplo

Inserir um elemento HTML antes de cada parágrafo:

$("button").click(function(){
  $("<p style="39;color:red;'>Hello world</p>").insertBefore("p");
});
Teste e Veja‹/›

Use o método insertBefore() para inserir um elemento existente antes de cada elemento selecionado:

$("button").click(function(){
  $("h1").insertBefore("p");
});
Teste e Veja‹/›

Valor do Parâmetro

ParâmetroDescrição
contentEspecificar o conteúdo a ser inserido (deve conter marcadores HTML)

Valores Possíveis:

  • Elemento HTML

  • Elemento DOM

  • Objeto jQuery

selectorO elemento selecionado será inserido antes do elemento especificado por este parâmetro

HTML do jQuery/Métodos CSS