Setting up Working Environment for Backbone.js

BackboneJS has a hard dependency on Underscore.js and a soft dependency on Jquery. So, the following components are required to start working with BackboneJS: Backbone.js Underscore.js (>=1.4.3) Jquery (>=1.7.0) So, after having all these prerequisites we will test if it has been set up properly by writing our first BackboneJSDemo.html file such as below: <html> <head> <meta charset=”utf-8″>… Seguir leyendo Setting up Working Environment for Backbone.js

JQuery $(this)

Ejemplo en JQuery de objeto this : <!DOCTYPE HTML> <html> <head> <title></title> <script type=”text/javascript” src=”http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.js”></script> <script type=”text/javascript”> $(document).ready(function() { $(“.primero”).on(“click”, function() { alert($(this).text()); }); $(“a”).on(“click”, function(e) { e.preventDefault(); alert($(this).text()); alert($(this).attr(“href”)); }); }); </script> </head> <body> <a href=”http://analista3.info”>Link</a> <div class=”primero”> texto </div> </body> </html>

Publicada el
Categorizado como JQUERY

JQuery Prevent Default

<!DOCTYPE HTML> <html> <head> <title></title> <script type=”text/javascript” src=”http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.js”></script> <script type=”text/javascript”> $(document).ready(function() { $(“a”).on(“click”, function(e) { e.preventDefault(); // e es el evento y preventDefault permite manipularlo // se para el evento se puede cambiar la lógica antes de que el evento se siga ejecutando alert (“Se hizo click en el link”); }); $(“form”).on(“submit”, function(e) { e.preventDefault();… Seguir leyendo JQuery Prevent Default

Publicada el
Categorizado como JQUERY

JQuery Selectors id, class, name

Un ejemplo de los tipos de Selectors en JQUERY : <!DOCTYPE HTML> <html> <head> <title></title> <script type=”text/javascript” src=”http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.js”></script> <script type=”text/javascript”> $(document).ready(function() { $(“.contenedor”).on(“click”,function(){ alert (“contenedor con clase”); }); $(“#contenedor”).on(“click”,function(){ alert (“contenedor con id”); }); $(“div[name=contenedor]”).on(“click”,function(){ alert (“contenedor con nombre”); }); }); </script> </head> <body> <div class=”contenedor”>contenedor con clase</div> <div id=”contenedor”>contenedor con id</div> <div name=”contenedor”>contenedor con… Seguir leyendo JQuery Selectors id, class, name

Publicada el
Categorizado como JQUERY

jQuery Eventos, Controles, Selectores, Objetos

jQuery Eventos, Controles, Selectores, Objetos. Dentro de un modal al menos un checkbox debe estar checkeado : if (jQuery(‘.status-modal .content .status_container’).find(“input:checked”).size() === 0) { app.showAppMessage(“At least one status must be enabled.”, “error”); } .empty .empty remueve todos los nodos hijos encontrados en el dom. $statusContainer = jQuery(“#add-edit-contest .contest-status-container”).empty(); var myCss = $(element).attr(‘css’); myCss = myCss.replace(‘background-color:… Seguir leyendo jQuery Eventos, Controles, Selectores, Objetos

Publicada el
Categorizado como JQUERY