将css类添加到jquery变量

时间:2017-09-09 11:13:17

标签: jquery css

我正在努力将一个css类添加到jquery变量中。我正在创建一个聊天机器人,因为我从一个html输入框传递用户字符串,我希望它可以采取额外的类,使它看起来像一个泡沫la whatsapp。目前它读取 var userMessage = $('#textbox')。val();

我试过.addClass('。userBubble');但这没有用,控制台说.addClass();不是一个功能。非常感谢

1 个答案:

答案 0 :(得分:0)

您的代码可能有两件事可能有问题。

  1. 您需要传递一个css类名而不是一个css类选择器:"className"和 不是".className"
  2. addClass适用于不在其他对象上的jQuery对象。
  3. 基本示例:

    $('#myelement').on('click', function(){
      $('#otherelement').addClass('colored');
    });
    .colored{
      color: #ccc;
      background-color: #333;
      
    }
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div id="myelement">Click Me</div>
    <div id="otherelement">Some text...</div>