상세 컨텐츠

본문 제목

[javascript] 특정 텍스트에 하이라이트 표시하기 (jquery.highlight.js 이용)

헉!!/javascript

by 권태성 2012. 12. 27. 18:47

본문



jquery.highlight.js 다운로드 및 정보는 아래 URL을 참고하세요.

http://www.keyframesandcode.com/resources/javascript/jQuery/demos/highlight-demo.html


< css >

.highlight { background-color: yellow; color: red; }

< javascript >

$(document).ready(function(){

var strKey = '스트링'; // 하이라이트를 적용할 스트링

 if(strKey != ''){

$('.line').highlight(strKey); //line class에 해당하는 요소들에서 strKey 값들을 하이라이트 처리

 }

});

위 css는 배경색을 노랑색, 텍스트는 빨간색으로 표현하고 스크립트는 위와 같이 간단하게 사용하시면 됩니다.


※ jquery.highlight.js를 사용하려면 Jquery core js를 함께 포함하셔야 합니다.









관련글 더보기