Mostrando las entradas con la etiqueta jQuery. Mostrar todas las entradas
Mostrando las entradas con la etiqueta jQuery. Mostrar todas las entradas

viernes, 3 de julio de 2015

Change Jquery

Ahora escribiremos algo de jQuery revisando un ejemplo simple y claro para poder empezar con este framework:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
<!-- meta author -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Select - Change con jQuery</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- css -->
    <link rel="stylesheet" type="text/css" href="">
    <!-- jQuery -->
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <!-- our JavaScript -->
<script>
$( document ).ready(function() {
$('#os').change(function() {
$('#osValue').val($('#os').val());
//codigo
});
});
</script>
</head>
<body>
<div class="container">
<select id="os">
<option value="gnuLinux">GNU/Linux</option>
<option value="windows">Windows</option>
</select>
<input type="text" id="osValue">
</div>
<footer>
</footer>
</body>
</html>

Como nos podemos dar cuenta podemos ejecutar funciones ya habiendo controlado el evento del cambio en el select.

Archivo

sábado, 27 de junio de 2015

push con jQuery




En este post aprenderemos a usar push de jQuery para agregar elementos a nuestro array, como ya sabemos esta es la categoría front-end tratándose de javascript.

append y prepend de jQuery


En este primer post revisaremos los métodos append y prepend de jQuery.
Como ya sabemos jQuery es uno de los frameworks de Javascript mas usados y gracias a estos métodos podemos insertar contenido tal como se crea en chats, comentarios y otros.