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″> […]
JQUERY
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>
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(); […]
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 […]
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: […]