[22.06.23]

dofoong·2022년 6월 23일
0

CSS

CssClass

• jQuery는 태그의 css를 제어할 수 있는 함수를 제공
• addClass : css class를 설정
• removeClass : css class를 제거
• toggleClass : 지정된 클래스가 없으면 설정하고 있으면 제거
• css : css 속성을 가져오거나 설정

CssFunction

• addClass : css class를 설정
• removeClass : css class를 제거
• toggleClass : 지정된 클래스가 없으면 설정, 있으면 제거
• css : css 속성을 가져오거나 설정

태그 탐색

태그

jQuery는 선택자를 통해 태그를 선택한 후 선택된 태그를 기준으로 다른 태그들을 탐색 할 수 있다.
태그 탐색은 html 문서를 탐색할 경우 사용하지만 xml 문서를 탐색하는 용도로 사용하기도 한다

부모 태그

• parent : 선택된 태그의 부모 태그를 선택
• parents : 선택된 태그의 모든 부모 태그를 선택
• parents(선택자2) : 선택된 태그의 모든 부모 태그 중 선택자2에 해당하는
태그들이 선택
• parentsUntil(선택자2) : 선택된 태그에서 선택자2 태그까지의 모든 부모태
그들이 선택

자식 태그

• children : 선택된 태그의 자식 태그들을 선택
• children(선택자2) : 선택된 태그의 자식 태그들 중 선택자2에 해
당하는 태그들이 선택
• find(선택자2) : 선택된 태그의 하위 태그들 중 선택자2에 해당
하는 태그들이 선택

형제 태그

• siblings : 선택된 태그와 같은 계층의 모든 태그들이 선택
• siblings(선택자2) : 선택된 태그와 같은 계층의 모든 태그 중 선택자2
에 해당하는 태그들이 선택

NEXT

• next : 선택된 태그 다음 태그가 선택
• nextAll : 선택된 태그의 다음 태그들이 모두 선택
• nextUntil(선택자2) : 선택된 태그 다음 태그들 중 선택자2 까지의 모
든 태그들이 선택

PRE

• prev : 선택된 태그 이전 태그가 선택
• prevAll : 선택된 태그 이전의 모든 태그가 선택
• prevUntil(선택자2) : 선택된 태그의 이전 태그들 중 선택자2 까
지의 모든 태그들이 선택

애니메이션

jQuery는 개발자가 직접 애니메이션을 만들어 사용할 수 있록 지원
선택된 태그에 css 값을 새롭게 설정해 주면 중간의 애니메이션을 모
두 만들어 주고 태그에 변화를 줌

표준 통신

개념

• 웹 브라우저는 서버에게 파일을 요청
• 이 때 서버는 요청한 파일이 있으면 파일의 내용을 읽어 응답결
과로 클라이언트에게 전달
• 응답 결과를 받은 웹 브라우저는 데이터를 분석하여 자신이 스
스로 처리

문제

• 표준 웹 통신은 클라이언트 브라우저가 서버에게 응답 결과를 받게되면
브라우저가 스스로 처리하려고 함
• 브라우저가 처리할 수 있는 데이터면 스스로 처리하고 그렇지 않으면 다
운로드가 됨
• 만약 응답 결과가 html 코드이면 html 코드를 통해 화면을 변경하고 이미
지, 사운드, 동영상 등 미디어 데이터면 미디어 데이터를 처리할 수 있는
화면으로 변경되어 처리, 즉 웹 브라우저는 처리할 수 있는 데이터를 받게
되면 화면이 변경

Ajax 통신

• Ajax 통신은 서버와 통신시 서버로부터 받은 응답 결과를 웹 브라우
저에 반영하지 않고 JavaScript로 처리할 수 있도록 고안된 통신 방식
• 서버와의 통신은 정상적으로 이루어지며 화면은 변경되지 않기 때문에 화면의 일부분만을 변경하는 등의 작업이 가능
• 오늘날 웹 애플리케이션을 개발할 때 많이 사용하는 통신 기술
• Ajax 통신은 같은 도메인으로 요청할 수 있는 파일만 요청 가능

0개의 댓글