jQuery에 대한 최고의 선물 중 하나는 거의 모든 그것의 방법에 대한 그것의 연쇄 기능입니다. "체인 능력"히브리어하게 들리는 경우 여기 그것이 무엇인지 간단한 설명입니다.
니가 해보 <div id="myDiv"> Lorem Ipsum </ 사업부>를 가지고 말씀
그리고 당신은 다음 작업을 수행할 필요가
- 150px로 높이를 변경
- 0.8 불투명도를 변경
- "pClass"라는 클래스를 추가
- 그리고 "우리는 세상입니다"같은 사업부 내부의 텍스트를 설정
그래서 정상적인 상황에서 어떻게하실 거예요? 당신의 코드 네 줄로를 써주세요. 당신은 아마 쓸 줄 종래의 방법으로 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 객체 자체를 반환하는 모든 방법.
당신은 위의 코드가 실행 볼 수있는 이곳 .











































최근 댓글