帮我写一个代码吧：用addClass()为聊天内容添加背景颜色，边框为圆角，聊天内容发送完毕后，清空输入框，简单点说就是做一个仿qq聊天的界面

### 回答1：
当然，我可以为您提供这个代码，下面是一个简单的示例：

HTML代码：

<div class="chat-box">
  <div class="chat-message">
    <p>你好！</p>
  </div>
  <div class="chat-message chat-message-right">
    <p>你好！</p>
  </div>
</div>
<div class="input-box">
  <input type="text" placeholder="请输入聊天内容">
  <button>发送</button>
</div>

CSS代码：

.chat-box {
  height: 500px;
  max-width: 500px;
  margin: 0 auto;
  overflow-y: auto;
}
.chat-message {
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
  color: #fff;
  border-radius: 10px;
}
.chat-message-right {
  background-color: #4CAF50;
  float: right;
}
input[type="text"] {
  width: 70%;
  padding: 10px;
  border-radius: 20px;
  border: 1px solid #ccc;
  outline: none;
}
button {
  width: 25%;
  border-radius: 20px;
  border: none;
  background-color: #4CAF50;
  color: #fff;
  padding: 10px;
  margin-left: 5px;
  cursor: pointer;
}

JavaScript代码：

$(function() {
  $('button').click(function() {
    var message = $('input[type="text"]').val();
    if (message !== '') {
      var chatMessage = $('<div>').addClass('chat-message').text(message);
      var chatBox = $('.chat-box');
      chatBox.append(chatMessage);
      chatMessage.addClass('chat-message-right');
      $('input[type="text"]').val('');
    }
  });
});

以上是一个简单的仿QQ聊天界面的代码示例。如有需要，您可以根据自己的需求进行修改和适配。

### 回答2：
当然可以帮你写一个仿QQ聊天界面的代码。首先需要给聊天内容的父容器添加一个类名，比如"chat-container"，然后可以使用jQuery的addClass()方法来为聊天内容添加背景颜色和圆角边框。代码如下：

$('.chat-container').addClass('chat-style');

接下来，为了实现聊天内容发送完成后的功能，可以在相应的事件处理函数中调用jQuery的val()方法来清空输入框的内容。比如，当点击发送按钮时，可以使用以下代码：

$('#send-btn').on('click', function() {
  var message = $('#input-box').val();
  // 处理发送逻辑...
  
  // 清空输入框内容
  $('#input-box').val('');
});

上述代码中，通过选择器选中发送按钮元素，并使用on()方法绑定点击事件处理函数。在事件处理函数中，先通过选择器选中输入框元素，并使用val()方法获取到输入框的内容保存到变量 message 中。然后在发送逻辑处理完成后，再次使用选择器选中输入框元素，并使用val()方法将其值设为空字符串，从而清空输入框的内容。

以上就是一个简单的仿QQ聊天界面的实现代码，希望对你有帮助。