Uso del atributo data en html5

Html5 nos permite pasar datos arbitrarios en las etiquetas y que estas sigan siendo válidas sin tener que crear una dtd.

El único requerimiento es que el nombre del atributo de la etiqueta debe empezar por data-.

Así, esto es válido en html5:

E incluso podemos pasar datos en formato json:

Realmente útil y además valida.

Hey!, muy guay! ¿Pero qué hay acerca del tratamiento de estos atributos en la hoja de estilos?. Pues también mola porque podemos tratar los data- como cualquier otro atributo.

Vamos a saludar el santo a todos clientes que se llamen Pepe con CSS:

Rodrígez Pérez, José

Y la hoja de estilo:

div[data-nombre="Pepe"] { 
   background-color: red; 
}
div[data-nombre="Pepe"]:after { 
  content: attr(data-saludo); 
}

Para saber más:

htmldoctor
tutsplus

Jquery seleccionar todos los checkbox de una clase que están seleccionados

Este me ha costado un rato, para seleccionar todos los checkbox de una determinada clase que están seleccionados podemos usar los filtros en cascada $("[condicion1][condicion2]...") pero por alguna razón no he logrado que me funcione.

Sin embargo, usando filter es trivial:

var n = $(".clase").filter(":checked").length;

console.log("Se han seleccionado "+n);

Sondear (refrescar) a largo plazo con javascript jquery / jquery javascript long polling

Si queremos refrescar el contenido de una pagina web cada cierto tiempo hacemos

<meta http-equiv="refresh" content="5"/>

Pero si queremos refrescar sólo un div y queremos estar seguros de que el refresco se realice incluso después de que falle alguna de las peticiones, podemos hacer:

$(document).ready(function(){
function doPoll() {
$.post('/pagina/').done(function(data) {
$('#contenedor').html(data);
}).always(function() { setTimeout(doPoll, 5000); });
}
doPoll();
});


Nótese el empleo de always que es una manera elegante de no tener que pelearnos con la posibilidad de que falle una de las peticiones y el div se quede sin refrescar.

Obtener valor de radiobutton con JQuery

Si tenemos un grupo de radiobutton,s podemos conocer cuál ha sido seleccionado con

  $("input[name='nombre de grupo']:checked").val(); 

Fuente: Blog de Victor Puertas