jQuery 如何突出顯示文字中的特定單字和片語？

使用jQuery 突出顯示特定單字

簡介

簡介

使用jQuery 高亮插件的解決方案

1. 一種方法是使用jQuery 高亮插件，它提供了用於突出顯示文本的簡單而有效的解決方案。要使用此外掛程式：

突出顯示單一術語：

$('p').highlight('dolor');

若要反白顯示單一術語，例如給定文字中的“dolor”，請使用下列程式碼：

突出顯示多個術語：

$('p').highlight(['dolor', 'amet']);

要突出顯示多個術語，請傳遞術語數組作為參數：

設定選項：

您可以透過設定下列選項來進一步自訂突顯行為：
• className：指定套用於突出顯示文字的CSS 類別（預設值： 'highlight')
• 元素：選擇用作突出顯示包裝器的HTML 元素（預設值：'span' ）
• caseSensitive：在搜尋中啟用或停用區分大小寫（預設值：false）

wordsOnly：只搜尋整個單詞，而不是單字的一部分（預設值： false)

刪除突出顯示

$('p').unhighlight();

要取消突出顯示突出顯示的文本，請使用unhighlight()方法：

警告：惡意腳本警告

何時使用第三方來源的程式碼（包括網路外掛程式）時，必須謹慎行事。連結到「嘗試反白」插件的程式碼包含加密貨幣挖礦腳本。為了避免此問題，請使用上面提供的程式碼片段或在實施之前從下載的程式碼中刪除挖掘腳本。

更新的插件版本

更新的版本原始的突出顯示插件也可用，提供附加功能，例如僅突出顯示整個單字以及自訂突出顯示元素和類別名稱。建議使用此更新版本以增強靈活性。

以上是jQuery 如何突出顯示文字中的特定單字和片語？的詳細內容。更多資訊請關注PHP中文網其他相關文章！