2010-07-13 155 views
17

我無法使用Jquery更改字體大小。我想改變div的字體大小。我已經定義爲身體默認字體大小爲12.我嘗試如下改變它,但它沒有工作:(在jquery中設置字體大小

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

多一點代碼+相應的html可以幫助我們幫助你。即'styleTarget'來自哪裏。 – jigfox 2010-07-13 11:09:48

回答

39

嘗試:

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

通過將值加引號,它成爲一個字符串,"+$(this).val()+"px絕對不是接近的字體值有一對夫婦的設置元素的樣式屬性的方式:

使用地圖

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

使用key和value參數

所有這些都是有效的。

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

您可以替換"fontSize""font-size"但它必須然後引用。

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

不是說這是更好的,只是另一種方式:

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

你可以嘗試另一種方式那樣:現在

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

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

jQuery代碼你可以根據需要添加更多的CSS屬性。