괴발개발 224

JQ_요소의 정보를 가져오고(get) 설정하는(set)

더보기 /* - get : HTML에 있는 요소의 정보를 가져오는 것 - text() : 요소 안의 문자열을 가져오는 메소드 - html() : 요소 안에 있는 html코드를 가져오는 메소드 * text(), html()은 모든 태그에 사용할 수 있음(제한없음) - val() : 요소(input, textarea, select 등)에 입력/선택된 값을 가져오는 메소드 * 사용할 수 있는 태그가 제한적임 - set : HTML에 있는 요소의 정보를 설정하는 것 - text('문자열') : 해당 요소 안에 있는 문자열을 지정한 문자열로 수정 - html('문자열') : 해당 요소 안에 지정된 문자열로 html코드로 수정 - val('값') : 해당 요소의 값을 지정된 값으로 수정 - get과 set은 메소드..

JQ_rolling예제

/* - 가로100px, 세로100px 상자가 1초마다 10px 오른쪽으로 이동하도록 작성하세요. 단, 이동할 때 상자의 움직임은 부드러워야 한다. - 이동시간이 간격보다 긴 경우, 움직임이 꼬일 수 있음(animation시간이 가 나 다 라 마 - 롤링 방향이 오른쪽에서 왼쪽으로 이동하도록 작성해보세요. 롤링 예제3 가 나 다 라 마 바 사 아 자 차 더보기 가 나 다 라 *position을 이용해서 left를 설정하는 것 이외에도 margin-top을 이용 가능

JQ_animate(애니메이션 효과)

더보기 /* - $(selector).animate({params},speed,callback); - params : css속성과 값 - speed : 애니메이션 속도 - callback : 애니메이션 끝난 후 해야할 작업을 호출하는 함수 */ 오른쪽 왼쪽 /* => slide도 animate로 구현할 수 있음을 확인하는 예제 - up버튼을 클릭하면 박스가 슬라이드 up이되고, down버튼을 클릭하면 박스가 슬라이드 down이 되도록 코드를 작성하세요. 단, slideUp, slideDown이 아닌 animate를 이용할 것 */ 슬라이드 예제 up down 가로펴기 가로접기 /* - show버튼을 클릭하면 요소가 보여지고, hide버튼을 클릭하면 요소가 안보이도록 코드를 작성하세요. 단, animate..

JQ_효과(hide, show, toggle)

더보기 /* - hide(speed, easing, callback); -speed : 속도. 기본값: 400ms, 가능한 값: ms, slow, fast - easing : 패턴(느리게, 빠르게와 같이 변화를 어떤 효과로 보여줄 것인지), 기본값 : swing, 가능한 값 : swing, linear 추가적인 값은 plug-in을 통해서 - callback : 효과가 끝난 뒤에 함수로 코드를 만들 때 사용 - callback function : 매개변수가 필요할 때, callback 함수를 사용 */ 더보기 /* - show(speed, easing, callback); //hide와 똑같음 -speed : 속도. 기본값: 400ms, 가능한 값: ms, slow, fast - easing : 패턴(느..

JQ_keyboard event(키보드 이벤트)

더보기 /* - keydown : 키보드에서 키가 눌렸을 때(특수키 포함 모든 키), keyCode값이 영문인 경우 무조건 대문자 값 - keyup : 키보드에서 눌렸던 키가 올라왔을 때 - keypress : 키보드에서 키가 눌렸을 때(ALT, CTRL 등 특수키 제외) keyCode값이 찍힌 단어에 맞게 코드값이 나옴 (대문자-대문자에 해당하는 값, 소문자면 소문자에 해당하는 값) */ ​