남다른 논리

[jQuery] 제이쿼리 체이닝(Chain)

필그램

2017. 11. 5. 05:09

(그림) - 업로더가 오류로 업로드를 가끔씩 못합니다. 에러가 나서 나중에 업뎃하는데요, 다음(카카오)에서 아직 이런 오류를 갖는게 한심합니다. ㅎㅎ 본론으로 들어가서...

제이쿼리 체이닝은 여러개의 메소드를 연결해서 쓰는 것을 말합니다.

$("#p1").css("color", "red").slideUp(2000).slideDown(2000);

위의 코드 처럼 아이디 p1에 색을 red로하고, 2초간 올리고, 다시 2초간 내리는 연결된(chain) 작업을 가능케 합니다.

Description: 2초간 슬라이딩 모션으로 숨김을 합니다.

예제]

<!DOCTYPE html>

<html>

<head>

$(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>

예제2]

$("#divTest1").text("안녕!").css("color", "green");