JQuery 학습 노트 - JQuery 공통 도구 클래스

1. 브라우저 이름 및 버전 정보 가져오기
jQuery에서 $.브라우저 대상은 브라우저의 이름과 버전 정보를 얻을 수 있습니다. 예를 들어 $.browser.chrome은 true로 현재 Chrome 브라우저임을 나타냅니다.
$.browser.mozilla는true로 현재 불여우 브라우저이며 $를 통과할 수 있습니다.browser.version 방식으로 브라우저 버전 정보를 얻습니다.
2. 브라우저가 W3C 박스 모델에 속하는지 체크
브라우저의 박스 모델은 두 종류로 나뉘는데 하나는 표준 w3c 박스 모델이고 다른 하나는 IE 박스 모델이다. 두 가지는 Width와 Height 두 속성 값에padding과border 값이 포함되는지 여부이다. w3c 박스 모델은 포함되지 않고 IE 박스 모델은 포함되며 jQuery에서는 $를 통과할 수 있다.support.boxModel 대상이 되돌아오는 값으로 브라우저가 표준 w3c 상자 모델에 속하는지 검사합니다.
3. 객체가 비어 있는지 체크
jQuery에서 $라는 이름을 호출할 수 있습니다.isEmptyObject의 도구 함수는 객체의 컨텐트가 비어 있는지 확인하고, 비어 있으면 true를 반환하고, 그렇지 않으면 false 값을 반환하며, 호출 형식은 다음과 같습니다.
$.isEmptyObject(obj);
여기서 매개변수 obj는 체크할 객체 이름을 나타냅니다.
4. 객체가 원래 객체인지 체크
호출 이름은 $입니다.isPlainObject의 도구 함수입니다. {} 또는 new Object () 키워드를 통해 만든 원시 대상인지 확인할 수 있습니다. 만약, true로 돌아가거나, 그렇지 않으면false 값을 되돌려줍니다. 호출 형식은 다음과 같습니다.
$.isPlainObject (obj);
여기서 매개변수 obj는 체크할 객체 이름을 나타냅니다.
4. 두 노드의 포함 관계 탐지
호출 이름은 $입니다.contains의 도구 함수는 한 DOM 노드에 다른 DOM 노드가 포함되어 있는지 확인할 수 있습니다. 만약 포함되면true로 돌아가고 그렇지 않으면false 값을 되돌려줍니다. 호출 형식은 다음과 같습니다.
$.contains (container, contained);
매개 변수container는 하나의 DOM 대상 노드 요소를 표시하고 다른 노드를 포함하는 용기에 사용하며,contained는 다른 DOM 대상 노드 요소로 다른 용기에 포함됩니다.
5. 문자열 조작 함수
호출 이름은 $입니다.trim의 도구 함수, 문자열의 좌우 양쪽에 있는 빈칸을 삭제할 수 있지만 이 함수는 문자열의 중간에 있는 빈칸을 삭제할 수 없습니다. 호출 형식은 다음과 같습니다.
$.trim (str);
매개 변수str는 좌우 공백을 삭제해야 하는 문자열을 표시합니다.
6. URL 작업 함수
호출 이름은 $입니다.param의 도구 함수는 대상이나 그룹을 키/value 형식에 따라 서열화 인코딩할 수 있습니다. 이 인코딩된 값은 주로 서버에 URL 요청을 보내는 데 사용되며 호출 형식은 다음과 같습니다.
$. param (obj);
매개 변수obj는 서열화된 대상이 필요하다는 것을 나타낸다. 이 대상도 하나의 수조로 전체 함수는 서열화된 인코딩을 거친 문자열을 되돌려준다.
param과serialize의 차이는 무엇입니까?전자는 임의의 매개 변수에 대해 URL 주소 형식의 변환을 하고 후자는form이 제출한 데이터 변환에만 속한다.
7.$를 사용합니다.extend () 확장 도구 함수
호출 이름은 $입니다.extend의 도구 함수입니다. 기존의 도구 함수를 확장할 수 있습니다. 사용자 정의 클래스의 jQuery 플러그인입니다. 호출 형식은 $입니다.extend ({options});
매개 변수 옵션은 사용자 정의 플러그인의 함수 내용을 표시합니다.
       <script type="text/javascript">
            /*------------------------------------------------------------/
              :         
              :  p1,p2
              :       
              :$.MinNum(1,2);
            /------------------------------------------------------------*/
            (function ($) {
                $.extend({
                    "MinNum": function (p1, p2) {
                        return (p1 > p2) ? p2 : p1;
                    }
                });
            })(jQuery);
            $(function () {
                $("#btnShow").bind("click", function () {
                    $(".tip").html("");
                    var strTmp = "17 18      :";
                    strTmp +=$.MinNum (17, 18);
                    //      
                    $(".tip").show().append(strTmp);
                });
            });
        </script>

8.$을(를) 사용합니다.extend() 확장 Object 객체
$을(를) 사용하는 경우를 제외하고는extend 확장 도구 함수 외에 원래의 Object 대상을 확장할 수 있습니다. 대상을 확장할 때 두 대상이 합쳐지고 같은 속성 이름이 존재할 때 후자는 전자를 덮어쓰고 호출 형식은 다음과 같습니다.
$. extend (obj1,obj2,…objN);
매개변수 obj1에서 objN까지는 결합할 원래 객체를 나타냅니다.

좋은 웹페이지 즐겨찾기