本文實例講述了jQuery過濾HTML標簽并高亮顯示關鍵字的方法。分享給大家供大家參考。具體如下:
jQuery實現網頁關鍵字過濾效果,將需要過濾的文字定義在JavaScript中,可定義多個,不過要修改JS代碼為數組,這樣可過濾出多個不同的關鍵字,本例只是為你演示一個基本的功能,更多過濾功能請自己挖掘吧。
運行效果如下圖所示:
具體代碼如下:
<!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標簽,重新補充關鍵詞高亮</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年,至立于奉獻開源的精品學習型源代碼,如果你喜歡武林網的話,請把我們網址加入收藏夾吧!</div></body></html>
希望本文所述對大家的jquery程序設計有所幫助。
新聞熱點
疑難解答