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
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
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.
Etiquetas:
add items,
agregar elementos,
array,
frontend,
Javascript,
jQuery,
push
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.
Etiquetas:
append,
bootstrap,
chat,
class,
comentarios,
frontend,
id,
Javascript,
jQuery,
prepend
Suscribirse a:
Entradas (Atom)