natanverdes/Tips para JS y JQuery.md

## Tips para JS y JQuery.md

      
    Raw
  

              Tips para JS y JQuery.md
            
          
    Tips para JQuery

Método para que botón dentro de contender funcione independientemente de las acciones del contenedor

$('#button').click(function(e){
    e.stopPropagation();
    $('#modal').fadeIn();
}); 

$('body').click(function(){
    $('#overlay').fadeOut();
});
Cargar contenido dinámicamente

<html> 
  <head> 
    <script src="lib/jquery.js"></script> 
    <script> 
    $(function(){
      $("#includedContent").load("b.html"); 
    });
    </script> 
  </head>
  <body>
     <div id="includedContent"></div>
  </body> 
</html>
Enviar mediante Ajax un fichero

var formData = new FormData();
formData.append("file", document.getElementById("input-file").files[0]);
formData.append("other", $("#input-other").val());

$.ajax({
    method: "POST",
    url: "send.php",

    contentType: false,
    processData: false,

    data: formData,

    cache: false
})
    .done(function(){alert("Se ha enviado correctamente");})
    .fail(function(){alert("No se ha podido enviar correctamente");});
Acceder al valor de un checkbox

$("#termsinput").is(":checked")
Acceder a variables GET

SOURCE: http://papermashup.com/read-url-get-variables-withjavascript/
Usando esta función:
function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = value;
    });
    return vars;
}