利用jquery实现文字输入框改变颜色的效果要求：1三个颜色分别为红色绿色黑色。

HTML代码：

<input type="text" id="text-input">

jQuery代码：

$(document).ready(function() {
  $('#text-input').on('input', function() {
    var len = $(this).val().length;
    if (len < 5) {
      $(this).css('color', 'red');
    } else if (len < 10) {
      $(this).css('color', 'green');
    } else {
      $(this).css('color', 'black');
    }
  });
});

说明：

1. 通过 $(document).ready() 方法，确保页面加载完毕后再执行代码。
2. 通过 $('#text-input').on('input', function() {...}) 方法，监听输入框内容的变化。
3. 通过 $(this).val().length 获取输入框中的文字长度。
4. 根据文字长度的不同，使用 $(this).css('color', '...') 方法设置不同的颜色。