Ejemplo add Jquery
En Jquery utilizando el add podemos añadir texto al contenido que tenga
la pagina web ya sea por medio de texto o hasta el mismo codigo en html
de este modo:
append() - Inserta el contenido al final del elemento seleccionado
prepend() - Inserta el contenido al principio del elemento selecionado
after() - Inserta el contenido despues de los elementos seleccionados
before() - Inserta el contenido antes del elemento seleccionado
a continuacion mostrare un ejemplo utilizando el add:
add Jquery
En este ejemplo puedes ver como agrega texto utilizando las opciones
que nos da jquery.
aqui el codigo:
Ten en cuenta que para que funcione el codigo debes de tener el jquery
aqui el link: Jquery1.11.2.js
la pagina web ya sea por medio de texto o hasta el mismo codigo en html
de este modo:
append() - Inserta el contenido al final del elemento seleccionado
prepend() - Inserta el contenido al principio del elemento selecionado
after() - Inserta el contenido despues de los elementos seleccionados
before() - Inserta el contenido antes del elemento seleccionado
a continuacion mostrare un ejemplo utilizando el add:
add Jquery
que nos da jquery.
aqui el codigo:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>appletenhtml get jquery</title>
<script src="jquery-1.11.2.js"></script>
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<article>
<section id="Append">
</section>
<section id="Prepend">
<p>txt</p>
</section>
<section>
<ul id="After">
<li>txt</li>
</ul>
</section>
<section>
<p id="Before">contenido</p>
</section>
</article>
<script>
$("#Append").append("<hr />texto puesto con happend al final del elemento");
$("#Prepend").prepend("<hr /><h1>texto puesto con prepend al principio del elemento</h1>");
$("#After").prepend("<hr /><h1>texto puesto con after despues del elemento seleecionado(hr)</h1>");
$("#Before").before("<h1>tema puesto con after antes del contenido del elemento</h1><hr />");
</script>
</body>
</html>
Ten en cuenta que para que funcione el codigo debes de tener el jquery
aqui el link: Jquery1.11.2.js
Descargar ejemplo: example get jquery
Comentarios
Publicar un comentario