jQuery dokumentasyon - replaceWith() method

Manwal ng mga epekto ng jQuery

Halimbawa

Palitan ang bawat paragrapo ng malakas na teksto:

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

Subukan nang personal

kahulugan at paggamit

Ang replaceWith() method ay gumagamit ng tinukoy na HTML nilalaman o element upang palitan ang hinahalang element.

Mga payo:replaceWith() at replaceAll() Gagamitin ang parehong paraan. Ang pagkakaiba ay ang gramatika: ang posisyon ng nilalaman at selector, at ang replaceAll() ay hindi makakapagpalitan gamit ang function.

Gramatika

$().replaceWith(content)
Parametro Paglalarawan
content

Mandahil. Tukuyin ang nilalaman na dapat palitan ang hinahalang element.

Mga posibleng halaga:

  • HTML code - halimbawa ("<div></div>")
  • Bagong element - halimbawa (document.createElement("div"))
  • Ang umiiral na element - halimbawa ($(".div1"))

Ang umiiral na element ay hindi ililipat, ito lamang ay kopyahin at inilalapag sa hinahalang element.
Mandahil. Tukuyin ang element na dapat palitan.

Gamitin ang function upang palitan ang element

Gamitin ang function upang palitan ang hinahalang element ng bagong nilalaman.

Gramatika

$().replaceWith(function())

Subukan nang personal

Parametro Paglalarawan
function() Mandahil. Ibibigay ang function na ibabalik ang bagong nilalaman ng hinahalang element na dapat palitan.

Higit pang mga halimbawa

Gamitin ang bagong element upang palitan ang element
Gamitin ang document.createElement() upang lumikha ng isang bagong DOM element, at pagkatapos ay gamitin ito upang palitan ang hinahalang element.

Manwal ng mga epekto ng jQuery