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