jQuery: elementos con la misma altura

Existen varias técnicas (css, javacript) para asignar el mismo alto a diferentes columnas de div u otros elementos… A continuación un ejemplo para hacerlo de forma rápida y sencilla con jQuery:

$(document).ready(function(){

    var altomax = 0;  
    $('.mismoalto').each(function(){  
        if($(this).height() > altomax){  
            altomax = $(this).height();  
        }  
    });  
    $('.mismoalto').height(altomax);

}); 

Y por último en el html de nuestro documento añadimos la clase «mismoalto» a todos los elementos que queremos que siempre tengan la misma altura. Ej:

<div id="contenido" class="mismoalto">
    ...
</div>

<div id="sidebar" class="mismoalto">
    ...
</div>