Invoegen Content voor, na en Inside Elementen met jQuery

jQuery biedt u gemakkelijke manieren aan de gegevens in uw webpagina te krijgen. In het bijzonder, kunt u alle inhoud die u wilt, overal op uw pagina in te voegen. De voorbeelden die volgen allemaal gebruiken deze voorbeeldcode:

<Html>
<Head>
<Title> Mijn testpagina </ title>
<Script type = "text / javascript" src = "js / jquery-1.4.min.js"> </ script>
<Script type = "text / javascript">
$ (Document) .ready (function () {
// De code gaat hier.
});
</ Script>
</ Head>
<Body>
<Div> Ik ben een div. </ Div>
<br />
<Input value = "Go" type = "submit">
</ Body>
</ Html>

Hier volgt een kort overzicht over hoe u de inhoud in te voegen voor, na en in een <div> element in een webpagina:

Naar Place Content Code
Voor en buiten <div> (voor) $ (": Submit") klik (function () {.
$ ("Div") vóór ("Voordat <br />.");
});
In de achterkant van en buiten de <div> (na) $ (": Submit") klik (function () {.
$ ("Div") na ("Na <br />.");
});
Binnen de <div> maar voor bestaande content (prepend) $ (": Submit") klik (function () {.
. $ ("Div") prepend ("nieuwe inhoud!");
});
Binnen de <div> maar na bestaande content (toevoegen) $ (": Submit") klik (function () {.
. $ ("Div") append ("nieuwe inhoud!");
});