javascript - 突出显示变化?

标签 javascript jquery textarea

HTML:

<html>
<body>
    <textarea>Original Text</textarea>
    <button>Replace</button>
</body>
</html>

jQuery:

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

http://jsfiddle.net/r7MgY/

我可以用褪色的黄色背景以某种方式突出显示更改吗?

最佳答案

正如 Sarfraz 所说,使用 jQuery 颜色插件。用法与jQuery中的animate方法相同。该插件覆盖以下属性的动画方法:'backgroundColor'、'borderBottomColor'、'borderLeftColor'、'borderRightColor'、'borderTopColor'、'color'、'outlineColor'。

jQuery animate 方法的使用和信息可以在这里找到:http://api.jquery.com/animate/

此外,如果您想替换 H​​TML 中的某些内容,最好获取包含您想要调用替换方法的内容的标签的包装标签,而不是作为字符串搜索整个正文。通常你会使用:

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

但是由于您使用的是文本区域,您可以通过以下方式获取它的值:

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

..弗雷德里克

关于javascript - 突出显示变化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2863641/

相关文章:

javascript - 将值插入光标所在的最后一个文本区域

html - 如何启用 HTML TextArea 自动调整宽度?

javascript - 尝试使用 HTML5/CSS3/JS 创建带有 z-index 的堆叠菜单

javascript - 自动完成文本框出错

javascript - 如何在 Javascript 中添加水平线

javascript - Jquery nth-child 淡入

javascript - 按下按钮,启动带有附件的 native 电子邮件程序(位于网络服务器上)

javascript - 使用文件名从本地目录加载多个图像

jQuery Masonry Mobile 2 列布局修复

javascript - 如何使用 Javascript 设置 CodeMirror 编辑器的值?