jQuery中高亮顯示是指對頁面搜尋關鍵字時進行高亮顯示，其實現方法：1、先取得要高亮顯示的行，取得搜尋的內容，再遍歷整行內容，最後在添加高亮顏色；2、使用“jQuery highlight”高亮插件，官網下載js檔案後，在html檔案中引入js檔案並加上樣式，使用“$("h1").highlight("highlight")”即可高亮搜尋文字。
本教學作業系統：Windows10系統、jQuery 3.6.4版本、Dell G3電腦。
jQuery的高亮顯示，是指對頁面搜尋關鍵字時進行高亮顯示，其實現的方法：
方法一
$(function () {
//1.获取要高亮显示的行
var rowNode = $('.tiBlock_3NhqL');
//2.获取搜索的内容
var searchContent = $(".searchInput_29REY").val();
//3.遍历整行内容，添加高亮颜色
rowNode.each(function () {
var word = $(this).html();
word = word.replace(searchContent, '' + searchContent + '');
$(this).html(word);
});
});rowNode是全部搜尋結果，searchContent是你具體的搜尋文字。
注意： 需要引入jQuery
不推薦這種方式，看起來沒什麼問題，但是有個Bug：
當搜尋內容為a的時候，使用var word = $(this).html();取得待查找元素的html程式碼後，會出現「把span標籤中的a替換成 >...」這樣的問題。
我們需要的是僅僅替換文字內容，而不是html程式碼，所以來看方法二吧。
方法二
這種方法就是使用jquery highlight高亮外掛。
去官網下載js檔案： jQuery Highlight Plugin | bartaz @ GitHub
下拉到底部的Where to get it?位置下載。
我現在用的是：http://github.com/bartaz/sandbox.js/raw/master/jquery.highlight.js
regex.html
This is a test head!
input the search key.
click "搜索" button.
如下是搜索区域!
This is a test body!
This is a test, a test, test, tes, te, t!
Do you know and listen this test, I think you don't know this test!
这是一个简答的测试,测试.
你知道或者听过这个测试吗，我认为你没有听过这个测试！
This is a test, a test, test, tes, te, t!
I know't know this test, yes, this test is a not famous test!
Follow me test, to test the test! I don't know what do you say?
这是一个简答的测试,测试.
我不知道这个测试，是的，这不是一个注明的测试，
跟随我，去测试这个测试，我都不知道我在说什么！
What do you say? test, only a test?
你们说什么呢？测试，一个测试？
以上是jquery中什麼是高亮顯示的詳細內容。更多資訊請關注PHP中文網其他相關文章！
