jQuery過濾HTML標簽并高亮顯示關(guān)鍵字的方法
更新時間：2015年08月07日 09:59:21 作者：皮蛋
這篇文章主要介紹了jQuery過濾HTML標簽并高亮顯示關(guān)鍵字的方法,實例分析了jquery遍歷html標簽并進行替換的相關(guān)技巧,需要的朋友可以參考下
本文實例講述了jQuery過濾HTML標簽并高亮顯示關(guān)鍵字的方法。分享給大家供大家參考。具體如下：
jQuery實現(xiàn)網(wǎng)頁關(guān)鍵字過濾效果，將需要過濾的文字定義在JavaScript中，可定義多個，不過要修改JS代碼為數(shù)組，這樣可過濾出多個不同的關(guān)鍵字，本例只是為你演示一個基本的功能，更多過濾功能請自己挖掘吧。
運行效果如下圖所示：
具體代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>過濾HTML標簽，重新補充關(guān)鍵詞高亮</title>
<style>
body{font-size:9pt;}
</style>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
</head>
<script>
$(document).ready(function() {
var keyword = "腳本之家";
$("#keyword").html(function() {
return $(this).text().replace(keyword,"<font color=\"red\">"+keyword+"</font>");
});
});
</script>
<body>
<div id="keyword">腳本之家成立于2006年，至立于奉獻開源的精品學習型源代碼，如果你喜歡腳本之家的話，請把我們網(wǎng)址加入收藏夾吧！</div>
</body>
</html>
希望本文所述對大家的jquery程序設(shè)計有所幫助。
您可能感興趣的文章:
- 簡單講解jQuery中的子元素過濾選擇器
- 舉例講解jQuery中可見性過濾選擇器的使用
- jQuery使用Selectator插件實現(xiàn)多選下拉列表過濾框(附源碼下載)
- jQuery使用contains過濾器實現(xiàn)精確匹配方法詳解
- jQuery可見性過濾器：hidden和：visibility用法實例
- jQuery 過濾方法filter()選擇具有特殊屬性的元素
- jquery通過select列表選擇框?qū)Ρ砀駭?shù)據(jù)進行過濾示例
- jQuery過濾選擇器:not()方法使用介紹
- jquery選擇器之層級過濾選擇器詳解
- 用jQuery.ajaxSetup實現(xiàn)對請求和響應數(shù)據(jù)的過濾
相關(guān)文章
基于JSON格式數(shù)據(jù)的簡單jQuery幻燈片插件(jquery-slider)
jquery-slider幻燈片插件通過json數(shù)據(jù)來提供圖片地址和描述信息，同時也可以更換json數(shù)據(jù)來動態(tài)切換不同的圖片，對json數(shù)據(jù)jquery幻燈片插件相關(guān)知識感興趣的朋友一起學習吧2016-08-08
jQuery Ajax async=>false異步改為同步時,解決導致瀏覽器假死的問題
今天小編就為大家分享一篇jQuery Ajax async=>false異步改為同步時,解決導致瀏覽器假死的問題，具有很好的參考價值，希望對大家有所幫助，一起跟隨小編過來看看吧2019-07-07
這篇文章主要介紹了JQuery的attr 與 val區(qū)別的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
鋒利的jQuery 第三章章節(jié)總結(jié)的例子
改寫《鋒利的jQuery》第三章章節(jié)總結(jié)的例子2010-03-03
這篇文章主要為大家詳細介紹了jquery實現(xiàn)全選、不選、反選的兩種方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
(模仿京東用戶注冊)用JQuery實現(xiàn)簡單表單驗證,初學者必看
下面小編就為初學者們分享一篇(模仿京東用戶注冊)用JQuery實現(xiàn)簡單表單驗證，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
jQuery插件原來如此簡單 jQuery插件的機制及實戰(zhàn)
這種插件是將對象方法封裝起來，用于對通過選擇器獲取的jQuery對象進行操作，是最常見的一種插件2012-02-02
下面小編就為大家?guī)硪黄猨QueryUI Sortable 應用Demo(分享)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要介紹了jQuery解析json格式數(shù)據(jù)的方法,結(jié)合實例分析了使用jQuery1.7.2版本的方法解析json格式數(shù)據(jù)的技巧,需要的朋友可以參考下2016-01-01
首先聲明這2個無刷新級聯(lián)下拉框的jquery插件完全是自己原創(chuàng)的，經(jīng)過嚴格的測試，正確使用不會出現(xiàn)bug2011-10-10