jq中输入框获取焦点添加css样式

可以使用jQuery的focus()和blur()方法来添加和移除CSS样式。

例如，给一个id为input的输入框添加焦点时，可以使用以下代码：

$('#input').focus(function(){
  $(this).css('border-color', 'blue');
});

这将在输入框获得焦点时将边框颜色设置为蓝色。

同样的，当输入框失去焦点时，可以使用以下代码：

$('#input').blur(function(){
  $(this).css('border-color', 'gray');
});

这将在输入框失去焦点时将边框颜色设置为灰色。

相关问题

jq添加css多个样式

你可以使用以下方式向元素添加多个 CSS 样式:

$("#yourElement").css({
  "property1": "value1",
  "property2": "value2",
  "property3": "value3"
});

其中，`property1`、`property2` 和 `property3` 是 CSS 属性名称，而 `value1`、`value2` 和 `value3` 是对应的属性值。你可以根据需要添加任意数量的属性和值。

jq监听输入框输入事件

可以使用jQuery的`keyup()`方法或者`input()`方法来监听输入框的输入事件。这两个方法都会在输入框的内容发生变化时触发。具体使用方法如下：

// 使用keyup()方法监听输入框的输入事件
$('#input').keyup(function() {
  // 在这里编写处理输入事件的代码
});

// 使用input()方法监听输入框的输入事件
$('#input').on('input', function() {
  // 在这里编写处理输入事件的代码
});

其中，`#input`是输入框的选择器，可以根据实际情况进行修改。在处理输入事件的代码中，可以通过`$(this).val()`来获取当前输入框的内容。