HTML&CSS&JavaScript/jQuery(5)
-
[jQuery] Ajax
Ajax(Asynchronous Javascript And XML)는 서버와 데이터를 교환하는 기술의 하나이다. 그냥 쉽게 말해, 새로고침을 하지 않고도 서버에서 데이터를 받아 오는 거다. Ajax는 XMLHttpRequest객체를 사용한다. Ajax에 의하여 우리는 전체 페이지의 업데이트 없이 특정 DOM객체를 새로 업데이트 할 수 있게 된다. Ajax애플리케이션의 단계 1) 클라이언트 컴퓨터에서 사용자가 문자를 입력하는 것과 같은 이벤트가 발생하면, 자바스크립트 함수가 호출된다. 함수에서 XMLHttpRequest 객체의 인스턴스가 생성된다. 2) XMLHttpRequest 객체는 현재 HTML 페이지의 상태를 가지고 있는 XML 메시지를 구성하여, 웹 서버로 보낸다 3) XMLHttpRequest ..
2021.11.30 -
[jQuery] jQuery를 이용한 DOM 변경
jQuery를 이용하여 DOM요소를 변경,삭제,추가 할 수 있다. 요소의 내용을 가져오거나 변경할 수 있다. text(), html() - text(): 선택된 요소의 텍스틀 반환한다. - html(): 선택된 요소의 HTML태그가 포함된 컨텐츠를 반환한다. 요소의 속성을 가져오거나 변경할 수 있다. attr() 요소의 스타일 속성을 가져오거나 변경할 수 있다. css() 요소를 추가하거나 삭제 할 수 있다. append(), remove() 입력 필드의 값을 반환한다. val() 요소의 위치를 반환한다. position() val()예제 입력: val()예제 val() 예제이다. DOM에 요소 추가하기 jQuery에서 새로운 컨텐츠를 추가할때 사용되는 4개의 메서드가 있다. append() 선택된 요소..
2021.11.29 -
[jQuery] fadeIn()/fadeOut()
fadeIn() fadeOut()
2021.11.29 -
[jQuery] animate()
/> animate()
2021.11.29 -
[jQuery] toggle()
Show it
2021.11.29