jQuery - Chaining
jQuery에서 액션 / 메소드를 함께 연결할 수 있습니다.
연결하기(Chaining)은 한 문장에 여러 jQuery 메소드를 실행 시키는 것을 허용합니다.
1. jQuery Method Chaining
액션을 연결하기 위해, 간단히 이전의 액션에 다음 액션을 덪붙이기만 하면 됩니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!DOCTYPE html> <html> <head> <script> $(document).ready(function(){ $("button").click(function(){ $("#p1").css("color", "red").slideUp(2000).slideDown(2000); }); }); </script> </head> <body> <p id="p1">jQuery is fun!!</p> <button>Click me</button> </body> </html> | cs |
여러 메소드를 더 추가 할 수 있습니다.
팁: 연결할 때, 코드의 라인은 길어질 수도 있습니다. 그러나, jQuery는 매우 엄격한 문법이 아닙니다. 아래처럼 들여쓰기를 하여 작성가능 합니다.
| $("#p1").css("color", "red") .slideUp(2000) .slideDown(2000); | cs
|