使用jquery更改字体大小

时间:2011-09-30 13:41:50

标签: jquery

我正在尝试使用.css attr更改textarea中文本的字体大小,但它不起作用,你们有什么想法吗?

<html>
<head>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
function crap () {
    var text_input = $('#textarea').val();
    text_input.css("font-size", "14px");
   }
</script>
</head>
<body>

<textarea id="textarea" rows="30" cols="70"> </textarea><br/><br/>
Font size:<input type="text" id="font_size"/> <input type="button" id="px" value="14px" onClick="crap()"/>

</body>
</html>

3 个答案:

答案 0 :(得分:8)

function crap () {
    var text_input = $('#textarea');
    text_input.css("font-size", "14px");
}

删除.val。这将获得textarea中的值,您希望影响textarea本身。

答案 1 :(得分:2)

$(document).ready(function() {

  $('#incfont').click(function(){   

        curSize= parseInt($('#content').css('font-size')) + 2;

  if(curSize<=200)

        $('#content').css('font-size', curSize);

        }); 

  $('#decfont').click(function(){   

        curSize= parseInt($('#content').css('font-size')) - 2;

  if(curSize>=12)

        $('#content').css('font-size', curSize);

        });

  $('#minheight').click(function(){   

        curSize= 16;

        $('#content').css('font-size', curSize);

        }); 

 });

答案 2 :(得分:1)

替代方案:

<style type="text/css">

#textarea
{
     font-size:14px;
}

</style>