establecer el tamaño de fuente en jquery

Question

No puedo cambiar el tamaño de fuente con Jquery. Quiero cambiar el tamaño de fuente de un div. He definido el tamaño de fuente predeterminado para el cuerpo como 12. He intentado cambiar de la siguiente manera, pero no funcionó :(

$("#SelFontSize").change(function(){ 
$("#"+styleTarget).css({'font-size':'"+$(this).val()+"px'});  
}); 

Answer 1

Probar:

$("#"+styleTarget).css({ 'font-size': $(this).val() }); 

Al poner el valor entre comillas, se convierte en una cadena, y "+$(this).val()+"px definitivamente no es un valor cercano a la fuente Hay un par de maneras de establecer las propiedades de estilo de un elemento:.

Usar un mapa:

$("#elem").css({ 
    fontSize: 20 
}); 

el uso de parámetros de clave y valor:

Todos estos son válidos.

$("#elem").css("fontSize", 20); 
$("#elem").css("fontSize", "20px"); 
$("#elem").css("font-size", "20"); 
$("#elem").css("font-size", "20px"); 

Puede reemplazar "fontSize" con "font-size" pero tendrá que ser citado a continuación.

Answer 2

$("#"+styleTarget).css('font-size', newFontSize); 

Answer 3

no decir que esto es mejor, sólo otra manera:

$("#elem")[0].style.fontSize="20px"; 

Answer 4

Usted puede tratar de otra manera como esa: Código

<div class="content"> 
     Australia 
    </div> 

jQuery:

$(".content").css({ 
    background: "#d1d1d1", 
    fontSize: "30px" 
}) 

Ahora puede agregar más propiedades CSS como desee.