Javascript 突出显示更改？

HTML:

我能用淡黄色背景突出显示变化吗

我可以用一个图标突出显示更改吗 可能是褪色的黄色背景

---

您必须使用来淡出背景色。

因为它是一个文本区域，您不能将任何html直接注入内容。您必须覆盖一个绝对定位的元素，该元素包含一个红色的波形或类似的颜色，这在确定文本的确切位置时会成为一个噩梦

---

如果可能的话，去掉文本区域，只使用可编辑的div或类似的

正如Sarfraz所说，使用jQuery颜色插件。用法与jQuery中的animate方法相同。该插件覆盖这些属性的动画方法：“backgroundColor”、“borderBottomColor”、“borderLeftColor”、“borderRightColor”、“borderTopColor”、“color”、“outlineColor”

jQuery动画方法用法和信息可在此处找到：

此外，如果要替换HTML中的某些内容，最好获取包含所需内容的标记的包装器标记来调用替换方法，而不是作为字符串搜索整个正文。通常您会使用：

$(function() {
 $('button').click(function () {
     $('body').html($('body').html().replace('Original','New'));
 });
});

但由于您使用的是textarea，因此您可以通过以下方式获取其值：

$('#idOfMyWrapperTag').html().replace('this', 'that')

---

…弗雷德里克

你也许可以用

$('textarea').val().replace('this', 'that');

$（函数（）{
$（“按钮”）。单击（函数（）{
$（'body'）.html（$（'body'）.html（）.replace（/Original/g，'New'））；
$（'.fade'）。设置动画({
“不透明度”：1
}，1000，函数（）{
$（this.contents（）.unwrap（）；
});
});
});

如果您不想再包含另一个插件，只需使用一点jQuery代码即可完成淡入淡出覆盖：

$(function() {
  $('button').click(function () {
     $('body').html($('body').html().replace(/Original/g,'<span class="fade" style="opacity: 0; background-color: yellow;">New</span>'));
     $('.fade').animate({
        'opacity': 1
     }, 1000, function(){
        $(this).contents().unwrap();
     });
  });
});

jQuery.fn.highlight=function（）{
$（this）.each（function（）{
var el=$（本）；
el.在（“”）之前
el.prev（）
.width（el.width（））
.高度（标高高度（））
.css({
“位置”：“绝对”，
“背景色”：“ffff99”，
“不透明度”：“.9”
})
.衰减（500）；
});
}
$（“#目标”）.highlight（）；

---

这个答案值得称赞：

唯一需要记住的是，跨距内的文本也会褪色。+1指出使用选择器比以字符串形式搜索正文更好。谢谢，但是没有关于插件的文档。：(

$(function() {
  $('button').click(function () {
     $('body').html($('body').html().replace(/Original/g,'<span class="fade" style="opacity: 0; background-color: yellow;">New</span>'));
     $('.fade').animate({
        'opacity': 1
     }, 1000, function(){
        $(this).contents().unwrap();
     });
  });
});

jQuery.fn.highlight = function() {
   $(this).each(function() {
        var el = $(this);
        el.before("<div/>")
        el.prev()
            .width(el.width())
            .height(el.height())
            .css({
                "position": "absolute",
                "background-color": "#ffff99",
                "opacity": ".9"   
            })
            .fadeOut(500);
    });
}

$("#target").highlight();