Heim > Artikel > Web-Frontend > So filtern Sie HTML-Tags und markieren Schlüsselwörter mit jQuery_jquery
Das Beispiel in diesem Artikel beschreibt, wie jQuery HTML-Tags filtert und Schlüsselwörter hervorhebt. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
jQuery implementiert den Filtereffekt für Webseiten-Schlüsselwörter. Es können mehrere Definitionen vorgenommen werden, Sie müssen jedoch den JS-Code in ein Array ändern, damit mehrere verschiedene Schlüsselwörter herausgefiltert werden können. Dieses Beispiel ist nur für Sie. Es demonstriert eine Grundfunktion. Bitte erkunden Sie selbst weitere Filterfunktionen.
Der Betriebseffekt ist wie folgt:
Der spezifische Code lautet wie folgt:
<!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>
Ich hoffe, dass dieser Artikel für das JQuery-Programmierungsdesign aller hilfreich sein wird.