페이지를 강조 표시하는 jquery 메서드

이 문서의 예에서는 jquery가 페이지 키워드 강조 표시를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

jquery를 통해 페이지 검색 키워드 강조
중국어 다중 단어 페이지에서 강조 표시 지원

1. 자바스크립트 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

jQuery.fn.extend({
하이라이트: 기능(검색, 구성){
If(typeof(search) == '정의되지 않음') return;
      var configs = jQuery.extend({
                둔감함: 1, //대소문자 일치 여부 0 일치 1 일치하지 않음
            hls_class: 'highlight', // 강조 클래스
              clear_last: true, // 강조표시된 원본 결과 지우기
           },configs);                                              if(configs.clear_last) {
                $(this).find("strong." configs.hls_class).each(function(){
                    $(this).after($(this).text());
                    $(this).remove()
            })
}
          return this.each(function() {
If(typeof(search) == "문자열") {
                     $(this).highregx(search,configs);
                } else if (search.constructor === 배열) {
for(검색 시 var 쿼리){
                    var search_str = $.trim(검색[쿼리]);
If(search_str != "") $(this).highregx(search_str,configs);
                }
               }
         });                                           },                                                                 Highregx: 함수(쿼리, 구성){
​​​​ 쿼리 = this.unicode(query);
        var regex = new RegExp("(<[^>]*>)|(" 쿼리 ")", configs.insensitive ? "ig" : "g");                                              This.html(this.html().replace(regex, function(a, b, c){
                return (a.charAt(0) == "<") ? a : "" c "";
         }));
},
유니코드: 함수{
        var len=s.length
        var rs=""
        s = s.replace(/([-.* ?^${}()|[]/\])/g,"\$1");
for(var i=0;i If(s.charCodeAt(i) > 255)
               rs ="\u" s.charCodeAt(i).toString(16);
              else rs = s.charAt(i);
~           RS 반환
}  
});


2. 하이라이트 플러그인을 다운로드하려면 여기를 클릭하세요

.

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.