jQuery에 대한 최고의 선물 중 하나는 거의 모든 그것의 방법에 대한 그것의 연쇄 기능입니다. "체인 능력"히브리어하게 들리는 경우 여기 그것이 무엇인지 간단한 설명입니다.

니가 해보 <div id="myDiv"> Lorem Ipsum </ 사업부>를 가지고 말씀

그리고 당신은 다음 작업을 수행할 필요가

1. 150px로 높이를 변경
2. 0.8 불투명도를 변경
3. "pClass"라는 클래스를 추가
4. 그리고 "우리는 세상입니다"같은 사업부 내부의 텍스트를 설정

그래서 정상적인 상황에서 어떻게하실 거예요? 당신의 코드 네 줄로를 써주세요. 당신은 아마 쓸 줄 종래의 방법으로 jQuery를 사용하는 경우처럼

  일
 2
 3
 4

 ; 세계 ")입니다; 

우리가 chaininig 방법을 사용한다면 우리는 간단하게 작성할 것

 ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ( "# myDiv") CSS ( "높이", "150px") fadeTo (500, 0.8) addClass ( "pClass") 텍스트 ( "우리는 세계입니다")..; 

지저분한 것 같은데? 난 그렇게 생각하지 않습니다. 당신이 매우 않을 수 있습니다 개체에 메서드 꽤 많이 넣어 않는 한 그것은 읽을 수 있어요. 그래서 체인입니다.

스크린 뒤에, 체인은 단순히 방법을 적용한 후에 개체 itselft을 반환하여 이루어집니다. 그것은 매우 우리가 같은 자바 스크립트 객체의 메소드를 사용하는 것과 비슷하죠

  "Lorem Ipsum Dolor" ; VAR myString = "Lorem Ipsum 제품의 슬픔"; 

 ( ) . substring ( 0 , 5 ) ; .. pString = myString toLowerCase () 문자열 (0, 5); 

그리고 이것은 우리가 그런 일을 할 수있는 옵션이 선물이다. 간단히 만들 수있는 방법이있을 때 누가 더 많은 코드를 작성한다는거야? 적어도 난 아니야. 그럼 거의 모든 방법

jQuery이 chainability가 있습니다. 체인이 더 방법은 그것에 적용할 수 있도록 모든 jQuery 객체 자체를 반환하는 모든 방법.

당신은 위의 코드가 실행 볼 수있는 이곳 .

아, "jQuery는 선택입니다 왜"그치 겠지만 WWW에 대한 많은 기사가 있었다. 나에게, 그것은 단지 정확한 잘 구조, 높은 학습 곡선과 사용이 간단합니다. 나는 1999 년 제 학부를 다시 시작 부분에있을 때, 크로스 브라우저 문제 (넷스케이프가 자바 스크립트 프로그래머를위한 삶을 비참하게 만들 때 사용)를 다루는 어떤 라이브러리는 없었습니다. 그래서 우리는 특정 목적을 위해 더 이상 스크립트를 작성하고 크로스 브라우저 문제를 처리했다. dhtmlcentral에서 토마스 Brattli는 메뉴와 우리가 구현하는 데 사용되는 일부 라이브러리의 일부 꽤 잘 스크립트를 주었다. 그러나 무엇보다도, 당신은 쉽게 당신이 원하는 방식으로 확장할 수있는 라이브러리를 magics 할 수있는 그런 좋은 도서관이 없었다, 뭔가 실제 프로그래밍 표준을 충족합니다. 자바 스크립트 프레임 워크를 만들기로 여행은 훨씬 일찍 시작했다. 꽤 mochikit 즉 시작 도서관의 숫자, 프로토 타입, mootools, 도장 등하지만 당신은을 위해 jQuery를 사용해야하는가 있습니다 :

1. 최소화와 gzip으로 압축하면 매우 가볍고, 이하 20K 무겁죠.
2. 고등 학습 곡선.
3. 슈퍼 chainability. 거의 모든 jQuery 방법을 사용하면 연이어 꼬리 하나에 방법을 넣어 수 Jquery 개체를 반환합니다. .. ( "# div_one") $와 같은 CSS ( "테두리", "1px 고체 # 000") fadeTo (300,0.5) slideUp (300).;
4. 등) (noconflict를 사용 mootools 등 다른 라이브러리와 함께 사용할 수 있습니다.
5. 플러그인 작성하기 쉽습니다.
6. 코드는 짧고 달콤한 이해하기 쉽게된다.
7. 당신은 자바 스크립트 괴짜 톱는 jQuery 코드를 쓸 필요는 없어.
8. 중요 : 광대한 지역 사회 지원과 기여.
9. Drupal, 워드 프레스와 같은 주요 오픈 소스 애플 리케이션에 의해 사용됩니다.
10. 마이크로 소프트는 애플 리케이션을 함께 사용하는 jQuery 선택했습니다. (일부 석사 팬들에게 좋은 포인트가 될 수 있습니다 )
11. DOM을 카드 놀 매우 편리합니다. 무량은 통합 방식으로 만들었습니다. 의 DOM 선택자 매우 untuitive 있습니다.
12. 하여 XPath 선택자을 지원합니다.
13. AJAX 유틸리티 내장된 아주 아주 편리합니다. (다른 사람이 어떻게 쉽게 알 필요가있다면 나에게 이메일을 남겨주).

아 ... 충분히 지금은. 목록이 꽤 오래 갈 수 있습니다.

곧 올 더많은.

모든 jQuery 자신의 사이트의 모양을 변경하고 이후 그래서 느낍니다. 이전 그것은 괴짜 인터페이스의 일종이었고, 다소 지루한. 새로운 모습이 훨씬 전문입니다.

새로운 디자인 출시 당일에 만화로 "자바 스크립트 록 스타가 되세요"라는 태그 라인가 발생했습니다. 그러나 지역 사회의 사용자는 그것을 몹시 싫어하는 듯하고 점점 더 부정적인 의견이 후 이 항목의 나머지 부분을 읽기»

난 우리가 jQuery 뭔지는 알고 있다고 가정합니다. 그럼 그걸 덤불, "jQuery 우리의 삶이 쉽게 자바 스크립트 라이브러리이다" . 그런 방법으로 정의할 수 좋아해요. 좋아, 지금이 게시물에서, 난 어떻게 상황이 jQuery에 대해 시작하는 방법을 보여 드리죠. 이 블로그를 읽을 수 있듯이, 당신이 인터넷 연결이 물론 당신은 어떤 브라​​우저를 사용하고있는 게 분명해. 그러니까 그냥 게시물 장기하기 전에 코드의 한 조각을 시도해 보자. 그 보자고하기 전에 우리는 그것에 대해 필요한

• jQuery 라이브러리 (에서 다운로드 http://jqueryjs.googlecode.com/files/jquery-1.2.6.js ) 이것은 제가 게시물을 작성하고 최신 릴리스입니다.
• 현대적인 브라우저 (IE 6.0 + FF 2 이상, Safari 2.0 +, 오페라 9.0 +) 자바 스크립트와 함께 사용 가능.
• 그리고 텍스트 편집기 (내 즐겨찾기는 메모장 + +)

나는 우리 모두가 얼마나 기본적인 HTML 페이지가 생겼는데 알고 가정하자. 우리는 jQuery 라이브러리를 추가하는 코드의 간단한 조각을 실행하는 것
자, 그냥 복사하여 붙여 넣습니다 위의 코드를하고 "jquery-test.html"라고 부르지. 저장 이 항목의 나머지 부분을 읽기»