jQuery의 4주년을 기념하기 위해 공식 jQuery 팀은 공식적으로 jQuery 1.4를 출시했습니다 . 이번 버전에서는 jQuery 공식팀이 많은 코딩, 테스트, 문서화 작업을 진행했는데, 이전 버전에 비해 자연스럽게 많이 개선됐네요.
이 기사는 두 부분으로 나누어져 있습니다. 첫 번째 부분은 주로 jQuery 1.4 버전의 관련 사용 및 업데이트를 소개합니다. 두 번째 부분은 몇 가지 코드 예제를 사용하여 업데이트된 메서드와 새로 추가된 메서드를 보여줍니다.
【다운로드 및 전화】
평소와 같이 공식에서는 두 개의 jQuery 사본을 제공합니다. 하나는 압축된 버전(이전에는 YUI를 사용하여 Google Closure Compiler를 사용하여 압축됨)이고 다른 하나는 압축되지 않은 버전(디버깅 및 읽기에 사용됨)입니다.
로딩 속도를 향상시키기 위해 Google 서버를 통해 jQuery를 로드하는 것이 이전에 제안되었습니다. 이제 다음과 같이 Google 서버를 통해 압축된 jQuery 1.4 버전 파일을 계속 호출할 수 있습니다.
【새로운 기능 및 변경 사항 】
jQuery 1.4에서는 일반적으로 사용되는 많은 jQuery 메서드가 다시 작성되었습니다. 이러한 개선 사항은 사용하기 쉬울 뿐만 아니라 성능도 크게 향상되었습니다.
참고: 다음은 개요입니다. 알 수 없는 세부정보는 다음 문서의 코드 설명을 참조하세요.
1. 일부 메소드에 Setter 기능 추가
이전 버전에서는 attr() 메서드에 함수를 전달하고 함수의 반환 값을 속성에 할당할 수 있었습니다. 1.4에서는 이 기능이 .css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), before() 등의 더 많은 메서드에 추가되었습니다. , .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), .toggleClass().
또한 다음 메서드에서는 설정 함수에서 사용할 설정 함수의 두 번째 매개변수로 현재 값을 전달할 수도 있습니다: .css(), .attr(), .val(), .html() , .text( ), .append(), .prepend(), .offset(), .addClass(), .removeClass() 및 .toggleClass(). 예를 들어:
jQuery('
')
.attr("alt", function(색인, 값) {
"제발," + 값을 반환합니다.
});
2. jQuery 직렬화의 핵심 메소드인 jQuery.param() 을 업데이트했습니다.
이전에는 {foo: ["bar", "baz"]}에 대한 직렬화된 결과가 "foo=bar&foo=baz"였지만 이제는 "foo[]=bar&foo[]=baz"입니다.
이 변경의 목적은 주로 전달된 내용이 배열 개체임을 수신 측에 알리는 것입니다.
3. jQuery.ajax 에서는 dataType 속성이 지정되지 않은 경우 응답의 콘텐츠 유형에 따라 자동으로 식별됩니다.
예를 들어, ajax 요청에 의해 반환된 개체가 json 유형(application/json)인 경우 dataType은 자동으로 "json"으로 지정됩니다(지정되지 않은 경우).
4. jQuery.ajax 요청에 Etag에 대한 지원을 추가합니다.
이전에는 jQuery가 ajax 요청의 헤더에 If-None-Match 값을 보내지 않았으며(즉, Etag를 지원하지 않았음) 브라우저 캐시는 기본적으로 무시되었습니다. 이제 ifModified 속성을 지정하여 활성화할 수 있습니다.
팁: http 헤더에 대해 모르는 경우 이 기사를 읽는 것이 좋습니다.