définir la taille de police dans jquery

Question

Je ne suis pas en mesure de changer la taille de la police en utilisant Jquery. Je veux changer la taille de la police d'un div. J'ai défini la taille de la police par défaut pour le corps comme 12. J'ai essayé de le changer comme suit, mais cela n'a pas fonctionné :(

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

Answer 1

Essayez:

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

En mettant la valeur entre guillemets, il devient une chaîne, et "+$(this).val()+"px est certainement pas proche d'une valeur de police il y a deux façons de définir les propriétés de style d'un élément:.

aide d'une carte:

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

Utilisation des paramètres clés et la valeur:

Tous ces éléments sont valides.

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

Vous pouvez remplacer "fontSize" avec "font-size" mais il faudra être cité alors.

Answer 2

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

Answer 3

ne dis pas que cela vaut mieux, juste une autre façon:

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

Answer 4

Vous pouvez essayer une autre façon comme ça:

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

Code jQuery:

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

maintenant vous pouvez ajouter plus de propriété CSS comme vous voulez.