欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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年，至立于奉獻開源的精品學(xué)習(xí)型源代碼，如果你喜歡腳本之家的話，請把我們網(wǎng)址加入收藏夾吧！</div>
</body>
</html>

希望本文所述對大家的jquery程序設(shè)計有所幫助。

相關(guān)文章

  • BootStrap glyphicon圖標無法顯示的解決方法

    BootStrap glyphicon圖標無法顯示的解決方法

    如果不注意bootstrap引入css和fonts的規(guī)范，則可能會導(dǎo)致bootstrap 在顯示glyphicon圖標時無法正常顯示，顯示為方框。該怎么解決呢？下面小編給大家解答下
    2016-09-09
  • JQuery 選項卡效果(JS與HTML的分離)

    JQuery 選項卡效果(JS與HTML的分離)

    基于JQuery實現(xiàn)的一個選項卡效果，重點體現(xiàn)在HTML里沒有內(nèi)聯(lián)事件處理程序，而是定義在js文件里，做到行為與結(jié)構(gòu)的分離。
    2010-04-04
  • Jquery：ajax實現(xiàn)翻頁無刷新功能代碼

    Jquery：ajax實現(xiàn)翻頁無刷新功能代碼

    ajax實現(xiàn)翻頁在實際應(yīng)用中還是比較常見的，實現(xiàn)ajax翻頁有兩部分：js部分、html部分，具體如下，感興趣的朋友可以參考下，希望對大家有所幫助
    2013-08-08
  • jQuery實現(xiàn)可用于博客的動態(tài)滑動菜單完整實例

    jQuery實現(xiàn)可用于博客的動態(tài)滑動菜單完整實例

    這篇文章主要介紹了jQuery實現(xiàn)可用于博客的動態(tài)滑動菜單代碼,可實現(xiàn)jQuery基于鼠標事件動態(tài)操作頁面元素變換的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-09-09
  • jquery手機觸屏滑動拼音字母城市選擇器的實例代碼

    jquery手機觸屏滑動拼音字母城市選擇器的實例代碼

    下面小編就為大家分享一篇jquery手機觸屏滑動拼音字母城市選擇器的實例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2017-12-12
  • jQuery中ready事件用法實例

    jQuery中ready事件用法實例

    這篇文章主要介紹了jQuery中ready事件用法,實例分析了ready事件的功能、定義及文檔加載就緒以后觸發(fā)的具體使用技巧,需要的朋友可以參考下
    2015-01-01
  • jquery tab插件制作實現(xiàn)代碼

    jquery tab插件制作實現(xiàn)代碼

    jquery插件豐富，很多都是很好用的，最近學(xué)習(xí)了一下如何制作jquery插件，發(fā)現(xiàn)jquery插件制作其實很簡單，這里介紹一下。
    2010-06-06
  • jquery實現(xiàn)select選中行、列合計示例

    jquery實現(xiàn)select選中行、列合計示例

    這篇文章主要介紹了jquery如何實現(xiàn)select選中行、列合計示例 ,需要的朋友可以參考下
    2014-04-04
  • jQuery實現(xiàn)的下雪動畫效果示例【附源碼下載】

    jQuery實現(xiàn)的下雪動畫效果示例【附源碼下載】

    這篇文章主要介紹了jQuery實現(xiàn)的下雪動畫效果,涉及jQuery插件結(jié)合setInterval、animate進行動畫操作的相關(guān)使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
    2018-02-02
  • jQuery基本過濾選擇器用法示例

    jQuery基本過濾選擇器用法示例

    這篇文章主要介紹了jQuery基本過濾選擇器用法,結(jié)合實例形式分析了jQuery中:first、:last、:not、:even、:odd、:eq、:gt等基本過濾選擇器的使用方法,需要的朋友可以參考下
    2016-09-09

最新評論