如何使用jQuery将CSS样式应用于rails表单中的textarea字段？

我是Rails和HTML5的新手。 我想通过使用jQuery使表单更加时尚。 代码如下：

视图：

此文本区域应属于此表单：

<%= form_for([@post, @post.comments.build]) do |f| %>
    <%= f.label :commenter %><br />
    <%= f.text_field :commenter %><br /><br />
    <%= f.text_area :body %>
    <%= f.submit %><br />
<% end %>

如何应用与我的

上的文本区域相同的CSS样式

---

任何帮助都将不胜感激！：）

您可以为表单字段设置自定义id，如下所示：

<%= f.text_area :body, id: 'styled' %>

与Jquery相反，最好使用css

#styled:focus {
  background: #e5fff3;
}

#styled {
  background: white;
}

---

请不要使用内联JS！ 但是使用JQuery并保留实际的

f.text\u区域

，这样做：

<script>
  $('youtextarea_id')
  .on('focus', function() {
     $(this).val(''); 
     setbg('#e5fff3');
  }
  .on('blur', function() {
     setbg('white');
  };
</script>

$（'youtextarea_id'）
.on（'focus'，function（）{
$（this.val（“”）；
setbg（'e5fff3'）；
}
.on（'blur'，function（）{
setbg（“白色”）；
};

---

ID是由rails生成的，您可以在生成的html中看到它。您可以随时使用

f.text\u区域：body，ID:“另一个\u ID”

来更改它。无论如何，感谢您的帮助！：）

$("#styled").on('focus', function(){
  $(this).val(''); 
   setbg('#e5fff3');
});

$("#styled").on('blur', function(){
  setbg('white')
});

#styled:focus {
  background: #e5fff3;
}

#styled {
  background: white;
}

<script>
  $('youtextarea_id')
  .on('focus', function() {
     $(this).val(''); 
     setbg('#e5fff3');
  }
  .on('blur', function() {
     setbg('white');
  };
</script>