Añadir texto a un elemento de la pagina web JQuery

En este ejemplo de programación empezaremos con una función básica que con jquery trataremos de diversas maneras como ser el pasar información por medio de Jquery por lo que en esta ocasión le añadiremos texto a un div con id contenido.


Aquí el ejemplo:




<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>JQuery appletenhtml</title>
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
</head>
<body>
    <div class="container-fluid-">
        <div class="row">
            <div class="col-md-4">
                <h3>jQuery appletenhtml</h3>
                <br>
                <div id="contenido"></div>
            </div>
        </div>
    </div>    
 
      <!-- Añadiendo js-->    
      <script src="js/jquery-3.2.0.min.js"></script>
      <script src="js/appletenhtml.js"></script>
   
</body>
</html>

El codigo anterior represente el codigo html al cual le añadiremos texto.

Utilizando el siguiente codigo de JQuery:

$(document).ready(function(){
   $('#contenido').html("Ejemplo Pasando / llenando/ obteniendo  informacion con  jQuery, appletenhtml");
});



Codigo por el cual solo buscamos el elemento con id contenido y le añadimos el texto con .html.









Comentarios

Entradas más populares de este blog

Ejemplo de suma Pascal

Solucion al error collation desconocida: 'utf8mb4_0900_ai_ci'