首頁 > web前端 > js教程 > jQuery 如何突出顯示文字中的特定單字和片語?

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

Patricia Arquette
發布: 2024-12-06 01:41:10
原創
509 人瀏覽過

How Can jQuery Highlight Specific Words and Phrases in Text?

使用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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板