Блог

Главная - Вопросы по программированию - Изменение размера шрифта с помощью jquery

Изменение размера шрифта с помощью jquery

#jquery

#jquery

Вопрос:

Я пытаюсь изменить размер шрифта текста в текстовой области с помощью .css attr, но он не работает, у вас, ребята, есть какие-нибудь идеи?

 <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>

Комментарии:

1. функция Дерьмо (). Хотелось бы, чтобы это было так просто

Ответ №1:

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

Удалить .val . Это приведет к получению значения в текстовой области, вы хотите повлиять на саму текстовую область.

Комментарии:

1. большое спасибо, вы знаете, как я могу исправить текстовую область при изменении размера шрифта?

2. Я думаю, вы можете сделать это, добавив определенный атрибут высоты и ширины с помощью css в рассматриваемую текстовую область.

Ответ №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);

        }); 

 });

Комментарии:

1. Я вложил ваш код в теги, но вы можете добавить небольшое объяснение к ответу.

2. Хороший ответ — это не тот, который работает, а тот, который содержит соответствующее количество документации. OP должен узнать что-то из ответа, а не просто копировать, вставляя его. Таким образом, он не вернется через неделю, задавая тот же вопрос в другом контексте…

Ответ №3:

Альтернатива: 

 <style type="text/css">

#textarea
{
     font-size:14px;
}

</style>