1.源码 复制代码 代码如下: <script type="text/javascript"> $(function() { $("#btn_1").click(function() { var $keyword = $("#Text1").val() setHeightKeyWord('bbb', $keyword, 'Red', true) }); }); function setHeightKeyWord(id, keyword, color, bold) { if (keyword == "") return; var tempHTML = $("#" + id).html(); var htmlReg = new RegExp("<.*?>", "i"); var arrA = new Array(); for (var i = 0; true; i++) { var m = htmlReg.exec(tempHTML); if (m) { arrA[i] = m; } else { break; } tempHTML = tempHTML.replace(m, "[[[[" + i + "]]]]"); } var replaceText if (bold) replaceText = "<b style='color:" + color + ";'>$1</b>"; else replaceText = "<font style='color:" + color + ";'>$1</font>"; var arrayWord = keyword.split(','); for (var w = 0; w < arrayWord.length; w++) { var r = new RegExp("(" + arrayWord[w].replace(/[(){}.+*?^$|\[]]/g, "\$&") + ")", "ig"); tempHTML = tempHTML.replace(r, replaceText); } for (var i = 0; i < arrA.length; i++) { tempHTML = tempHTML.replace("[[[[" + i + "]]]]", arrA[i]); } $("#" + id).html(tempHTML); } </script>

　　推荐阅读

　　js动态加载以及确定加载完成的代码

代码如下： 复制代码 代码如下: var otherJScipt = document.createElement("script"); otherJScipt = document.createElement("script"); otherJScipt.setAttribute("type", "text/javascript"); otherJScipt.set>>>详细阅读

本文标题：JQuery+JS实现仿百度搜索结果中关键字变色效果

地址：http://www.17bianji.com/kaifa2/JS/24331.html

 1/2    1