如何使用jquery突出显示文本框

假设我有两个文本框，即textbox1和textbox2。如果我在textbox1上键入了一些内容，那么突出显示应该出现在textbox2上

我试着在keyup事件中这样做，但没有突出显示

$("#textbox1").keyup(function(){
   $("#textbox2").effect("highlight"); ...` 

---

如何解决此问题？

jQuery UI中的突出显示效果不用于设置文本颜色的动画（用于背景色）。所以我认为要实现您想要的，我们可以直接设置颜色属性的动画，要设置颜色的动画，当然我们还需要在项目中包括jQuery UI。以下是您可以尝试的代码：

var text2 = $('#textbox2');
$("#textbox1").keyup(function(e){
  var currentColor = text2.finish().css('color');
  text2.animate({color:'yellow'}, 50)
       .animate({color:currentColor}, 100);        
});

请注意，要获得

currentColor

，我们必须使用

finish（）

强制所有动画在使用

.css（）

方法获得颜色之前完成。否则，

currentColor

可能是当前动画的颜色。还要注意的是

1.9版
支持
finish（）
方法。因此，如果您需要在较低版本（如1.8）中使用jQuery，我认为您应该在
onkeyup
处理程序外部初始化
currentColor
（和once）。这就是每次您想要更改
#textbox2
的颜色时，您必须更新
currentColor
，尽管我认为频繁使用脚本更改文本框的颜色并不常见

为我工作，您是否已将您的代码包含在document ready中？@ShaunakD哦，是否可以仅突出显示文本框中的文本？您需要使用CSS来实现这一点-@ShaunakD不，我的意思是，同样的jqury高亮效果出现在textbox2的文本上。我认为这看起来会更好