Heim > Artikel > Web-Frontend > So filtern Sie HTML-Tags und markieren Schlüsselwörter mit jQuery_jquery

So filtern Sie HTML-Tags und markieren Schlüsselwörter mit jQuery_jquery

WBOYOriginal: 2016-05-16 15:46:371218Durchsuche

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.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：JS-Methode zum Erlernen von Neontexteffekten_Javascript-FähigkeitenNächster Artikel：JS-Methode zum Erlernen von Neontexteffekten_Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen