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

jQuery過濾HTML標(biāo)簽并高亮顯示關(guān)鍵字的方法

 更新時間:2015年08月07日 09:59:21   作者:皮蛋  
這篇文章主要介紹了jQuery過濾HTML標(biāo)簽并高亮顯示關(guān)鍵字的方法,實(shí)例分析了jquery遍歷html標(biāo)簽并進(jìn)行替換的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery過濾HTML標(biāo)簽并高亮顯示關(guān)鍵字的方法。分享給大家供大家參考。具體如下:

jQuery實(shí)現(xiàn)網(wǎng)頁關(guān)鍵字過濾效果,將需要過濾的文字定義在JavaScript中,可定義多個,不過要修改JS代碼為數(shù)組,這樣可過濾出多個不同的關(guān)鍵字,本例只是為你演示一個基本的功能,更多過濾功能請自己挖掘吧。

運(yù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標(biāo)簽,重新補(bǔ)充關(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年,至立于奉獻(xiàn)開源的精品學(xué)習(xí)型源代碼,如果你喜歡腳本之家的話,請把我們網(wǎng)址加入收藏夾吧!</div>
</body>
</html>

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

相關(guān)文章

最新評論