Jquery 체인, end 메소드

Jquery에는 체인이 가능하다.

체인은 멀까?

체인은 셀렉터로 찾아온 값에 연속적으로 작업을 하는것

체인이 좋은점이 멀까??

체인의 좋은점은, 단 한가지다 효율성이 높다.

예를들어.

$("p").css("backgroud","red");

$("p").css("border","1px");

$("p").css("cellspacing","0");

위와같이 주었다고 하면 p태그에 3번의 셀렉션과 css속성 추가가 들어간다.

그러나, 아래와 같이 하면 한번의 셀렉터로 위와같은 효과를 내기에 리소스가 훨씬절약된다.

$("p").css("backgroud","red").css("border","1px").css("cellspacing","0");

위와 같은 방법으로 쓰기도 하나 가독성을 위해 아래와 같이 표기하긷 한다.

$("p")

.css("backgroud","red")

.css("border","1px")

.css("cellspacing","0");

위에서 본것처럼 Jquery는 줄바꿈이나 사이띄움에도 작동이 되는것을 확인할수 있다.

그럼 위와 같은 메서드에서 잘못되거나 돌려줘나 고치는 행위를 없었던걸로 하는

흔히 말하는 Ctrl+z (Undo) 효과를 내는 메소드가 end()이다.

$("p")

.css("backgroud","red")

.css("border","1px")

.css("cellspacing","0")

.end()

.end();

위와 같이 표기할 경우 뒤에서 부터 2가지가 Undo되었으므로 배경색 Red만 남는다.