JongDDA의 한걸음 한걸음씩

ajax란? ajax(Asynchronous Javascript And XML)란 비동기 방식의 자바스크립트와 XML을 의미한다. ajax를 이용하는 주목적은 화면 전환 없이 클라이언트(사용자 컴퓨터)와 서버(서비스 제공 컴퓨터)간의 정보를 교환하기 위해서이다. ajax 관련 메소드 ajax는 클라이언트가 비동기 방식으로 자바스크립트를 이용하여 화면 전환 없이 서버 측에 자료를 요청할 때 사용한다. ajax 관련 메소드를 호출하면, 서버 측에 원하는 요청을 보내어 응답을 받아오는 것이 가능하다. load() load() 메소드는 사용자가 지정한 URL 주소에 데이터를 전송하고 외부 콘텐츠를 요청하여 가져올 때 사용한다. 요청한 콘텐츠를 이용해 선택한 요소에 내용을 바꿀 수 있다. $(선택요소).load(..

효과 메소드 효과 메소드를 사용하면 스타일(CSS)를 사용하는 것보다 좀 더 역동적인 동작을 적용하여 객체를 화려하게 숨기거나 보이게 할 수 있다. 효과 메소드에는 CSS 속성을 바꾸는 메소드와 애니메이션 기능을 다루는 메소드가 있다. hide() / show() 요소를 숨기거나 숨겨져 있는 요소를 노출시키는 메소드들이다. - 선택적 인자 : 속도(400ms 기본) 애니메이션 효과 써보자 자바 파이썬 C++ 자바스크립트 $("#py").click(function(){ $(this).prev().hide() // 앞선 형제 숨기기 $(this).next().show() // 다음 형제 보이기 }) toggle() 위에서 구현한 기능을 toggle() 메소드 하나로 처리할 수 있다. hide(), show(..

그룹 이벤트 등록 메소드 그룹 이벤트 등록 메소드를 사용하면 한 번에 2개 이상의 이벤트를 등록할 수 있다. 즉 선택한 요소에 메소드를 한 번만 적용하여 두 이벤트 이상을 등록할 수 있는 것이다. on() 메소드를 사용한 그룹 이벤트 등록! - 한번에 이벤트 여러 개를 등록하되, 서로 다른 이벤트 핸들러 등록하기 - 한번에 이벤트 여러 개를 등록하되, 똑같은 이벤트 핸들러 등록하기 객체를 사용한 이벤트 다수 등록 -> 키가 이벤트, 밸류가 핸들러 $("#sample").on({ click: function(){ console.log("!") }, // 클릭시 ! 하나 출력 dblclick: function(){ console.log("!!")}, // 더블클릭시 !! 두개 출력 mouseenter: fu..

객체 조작 메소드 객체를 생성, 복제, 삭제, 변경할 수 있는 객체 조작 메소드에 대해 알아보겠다. 객체 조작 메소드는 속성 조작 메소드와 수치 조작 메소드 그리고 객체 편집 메소드로 구분할 수 있다. 속성 조작 메소드 요소의 속성을 바꿀 때 사용하는 메소드를 통틀어 속성 조작 메소드라 한다. html() html() 메소드는 선택한 요소에 포함되는 하위 요소를 불러오거나 하위 요소를 새 요소로 바꿀 때 사용한다. text() text() 메소드는 선택한 요소 내에 텍스트를 불러오거나 텍스트를 바꿀 때 사용한다. css() css() 메소드는 선택한 요소에 지정한 스타일 속성값을 읽거나 변경할 때, 또는 새로운 스타일을 적용할 때 사용한다. attr() / removeAttr() attr() 메소드는 요..