jQuery文本框关键词高亮显示

文本框的关键词高亮功能，在阅读密集文字时好用。用 jQuery 写的话，代码少，逻辑也清晰，几行就能搞定一个“搜索并高亮”的小工具。

输入框绑定 keyup 事件，用户一输入关键字，咱就用正则在段落里查，匹配的地方直接加个 标签，背景一黄，关键词立马跳出来。

高亮样式用 .highlight 类控制，简单设置下 background-color: yellow 就够用了。啦，颜色可以随你喜欢调。

整个流程跑得挺顺，交互也比较自然。你要是用在文档搜索、教学资料、知识库这些地方，体验会提升不少。还能扩展成支持多关键词、高级过滤啥的，后续加功能也方便。

想做点延伸的功能？可以参考这些：JQuery 文本框高亮显示插件代码，Vue 实现关键词实时搜索高亮，还有 React 搜索高亮，都挺有意思的。

如果你刚好在写内容展示页、搜索结果页，或者搞在线文档平台，这个小技巧真心建议用上。