집 > 기사 > 웹 프론트엔드 > jQuery_jquery를 사용하여 HTML 태그를 필터링하고 키워드를 강조표시하는 방법

jQuery_jquery를 사용하여 HTML 태그를 필터링하고 키워드를 강조표시하는 방법

WBOY원래의: 2016-05-16 15:46:371218검색

이 기사의 예에서는 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 프로그래밍 설계에 도움이 되기를 바랍니다.

성명：

이전 기사：네온 텍스트 효과를 달성하는 JS 방법_javascript 기술다음 기사：네온 텍스트 효과를 달성하는 JS 방법_javascript 기술

jQuery_jquery를 사용하여 HTML 태그를 필터링하고 키워드를 강조표시하는 방법

관련 기사