jQuery 是一个基于 JavaScript 的高级库,它简化了 HTML 文档遍历、事件处理、动画以及 AJAX 交互操作。要使用 jQuery 突出显示一个单词,你可以使用其 .text()
和 .highlight()
方法。首先引入 jQuery 库:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
然后,你可以使用以下代码突出显示一个单词(假设你要突出显示的单词是 keyword
):
$(document).ready(function() {
// 查找包含 keyword 的所有 HTML 元素
$('*[keyword]').each(function() {
// 遍历每个匹配的元素,将其文本内容设置为黄色并突出显示
$(this).text($(this).text().replace(regex_keyword, '<span class="keyword">$1</span>'));
});
});
// 使用自定义的正则表达式找到任何包含 keyword 的字符串
var regex_keyword = /keyword/g;
这里的 jQuery 代码将匹配任何包含了单词 "keyword" 的 HTML 元素,并将其文本内容设置为黄色以突出显示该单词。你需要根据实际情况进行适当的修改。
领取专属 10元无门槛券
手把手带您无忧上云