jQuery 유틸리티 클래스 - jQuery 기본 지식 포인트(3)

3271 단어 jqueryjQuery 도구 클래스
jQuery에서 실용 도구는 jQuery 대상에 직접 의존하여 jQuery 대상 자체에 대해 정의하는 방법, 즉 전역적인 함수를 말한다.브라우저의 체크, 배열 및 객체의 작업, 문자열 작업, 테스트 작업, URL 작업 등 여러 범주로 나눌 수 있습니다.호출 방법: $.함수 이름() 또는 jQuery.함수()
1. $.브라우저 대상은 jQuery입니다.브라우저와 관련된 사물을 처리하는 데 사용되는 브라우저 대상입니다.
$.browser.webkit
Google chrome
$.browser.mozilla
Mozilla Firefox
$.browser.safari
Apple Safari
$.browser.opera
OPERA Opera
$.browser.msie
Microsoft MSIE(Microsoft Internet Explorer)
$.version
현재 브라우저의 버전 번호 (커널 버전 번호) 를 되돌려줍니다.
PS: 1.3 릴리즈에서 jQuery.support 함수 대체 2.페이지 설정의 각종 속성, 예를 들어 내용 (content), 채우기 (padding), 테두리 (border), 경계 (margin) 를 설명하는 상자 모형.한 종류는 W3C 상자 모형이다.클래스는 IE 상자 모델입니다.양자의 근본적인 차이는 속성 Height와width 두 값이padding과border를 포함하는지 여부에 있다.W3C 상자 모델에는 padding 및 border가 포함되지 않습니다.    jQuery.support.box Model//true: W3C 상자 모형
   DOCTYPE  ，     W3C    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3. 배열 반복: $.each(obj,fn(para1,para2))
그 중에서 매개 변수obj는 범람할 수조나 대상을 나타내고 fn은 모든 범람 요소가 실행하는 리셋 함수를 나타낸다. 이 함수는 두 개의 매개 변수를 포함한다. 파라1은 수조의 번호나 대상의 속성을 나타낸다.para2는 그룹의 요소와 대상의 속성 값을 표시합니다.
4. 배열의 요소 필터링: $.grep(array,function(elementOfArray,indexInArray),[invert])
여기서 elementOfArray는 배열의 요소입니다.indexInArray는 요소의 배열 일련 번호입니다.invert=false는 반전되지 않습니다.
예: $.grep(arrNum,function(ele,index){
return ele>5 && index<8;//요소 값이 5보다 크고 시퀀스 번호가 8보다 작음
    })
5. 배열에서 선택한 요소를 지정된 기준에 따라 수정: $.map(array,callback(elementOfArray,indexInArray))
여기서 elementOfArray는 배열의 요소입니다.indexInArray는 요소의 배열에 있는 일련 번호입니다.
예: $.map(arrNum,function(ele,index){
if(ele>5 & & index<8) {//원소값이 5보다 크고 번호가 8보다 작다
return ele+3;
  }
   })
6. 배열에서 요소를 검색하면 도구 함수 $를 사용할 수 있습니다.inArray()
이 방법은 자바스크립트의 indexOf () 함수에서 문자열의 어떤 문자를 검색하는 것과 같다
지정한 요소를 찾아서 대응하는 색인 번호를 되돌려줍니다. 그렇지 않으면 -1을 되돌려줍니다.
    var arr = [2,9,2];
    $.inArray(2,arr);    //0
    $.inArray(2,arr,1);  //2
    $.inArray(2,arr,3);  //-1
7. 테스트 도구 함수:
    $.isArray(obj)
    $.isFunction(obj)
    $.isEmptyObject(obj)
    $.contains(container,contained)는 한 DOM 노드에 다른 DOM 노드가 포함되어 있는지 검사합니다.
8. URL 작업
serialize () 방법은 폼을 서열화하여 서버에 데이터를 제출합니다. 즉 URL 동작입니다. 이 방법의 핵심은 도구 함수 $입니다.param().
이 도구 함수를 통해 그룹이나 jQuery 대상을 키/value 형식으로 서열화할 수 있습니다.
    $("#formID").serialize()
    $.param(obj,[traditional]) 
var arrScore = { Score: { chinese: 90, maths: 100, english: 98 },
                 SunNum: { Score: 288, Num: 3 }};
$.param(arrScore)  //Score%5Bchinese%5D=90&Score%5Bmaths%5D=100&Score%5Benglish%5D=98&SunNum%5BScore%5D=288&SunNum%5BNum%5D=3 
encodeURIComponent(arrScore)  //%5Bobject%20Object%5D              
var arrDecScore = decodeURIComponent($.param(arrScore)); //Score[chinese]=90&Score[maths]=100&Score[english]=98&SunNum[Score]=288&SunNum[Num]=3
10. $.proxy () 는 서로 다른 역할 영역의 대상 이벤트를 처리할 때 상당히 실용적이며, 새로운 함수를 되돌려줍니다.
11. $.ttend(target,obj1,...[obj2]) target은 합병된 대상을 나타낸다.동일한 매개변수 이름이 존재하며 뒤에 있는 객체의 매개변수 값이 앞에 있는 객체의 매개변수 값을 덮어씁니다.
jquery 프레임워크 분석 - 구조 jquery 대상 초보
jquery의 $.extend 및 $.fn.extend 작용 및 차이

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage