JS

Ajax는 Asynchronous Javascript And XML의 약자로, 비동기식 웹 프로그래밍을 의미한다. 여기서 비동기식 HTTP requests란, 예를 들자면 어떤 한 포털사이트가 존재한다. 그 포털페이지에서 실시간으로 뉴스 헤드라인이 업데이트 된다던가, 날씨 정보가 실시간으로 업데이트 될 때, 페이지 전체가 다시 로드될 필요는 없다. 이때 사용되는 방식이 비동기식 HTTP requests이라고 할 수 있다. 앞서 포스팅했던 jquery의 사용법(선택자)을 활용하여 Ajax에서 제공하는 메소드들을 조화시켜 프로그래밍을 할 수 있다.

기본 선택자 포스팅이 끝나고 다음 탐색 선택자에 대해 공부한다. 사실 syntax 방식은 다 비슷하다. $선택자 안에 쓰이거나, 메소드() 형식으로 쓰인다. 굳이 다른점을 꼽자면 어떻게 쓰이고 기능하는지의 차이다. 1. ' : ' 1) ' :first ', ' :last ' : 요소의 첫번째, 마지막을 선택한다. 탐색 선택자 내용1 내용2 내용3 내용4 #menu 요소의 첫번째 요소와 마지막 요소 가 선택되었다. 의 첫번쨰 요소와 마지막 요소에 스타일이 적용된 것을 확인할 수 있다. 2) ' :even ', ' :odd ' : 짝수 / 홀수번째 요소 선택 탐색 선택자 내용1 내용2 내용3 내용4 짝수번째 요소에는 배경색을 노란색으로, 홀수번째 요소에는 아쿠아색으로 배경색을 설정한다. 여기서 의문이 생길 ..

jquery chapter 1 기본 선택자의 마지막 포스팅이다!! 힘내자! 11. prevAll(), nextAll() prevAll()은 선택요소의 이전 요소들을 모두 고르는 것이고, nextAll()은 선택요소의 다음 요소들을 모두 고르는 것이다. 아! 여기서 참고할 점은 형제 요소 기준으로 이전, 다음을 따지는 것이다!! 인접 관계 선택자 내용1 내용2 내용3 내용4 내용2 이 요소를 기준으로 이전 요소 모두, 다음 요소 모두를 선택한다! 12. siblings() siblings() 메소드는 선택된 자신의 요소를 제외한 모든 형제 요소를 선택한다. 인접 관계 선택자 내용1 내용2 내용3 내용4 13. prevUntil(), nextUntil() prevUntil()과 nextUntil()은 선택된..

지난 선택자 첫 번째 포스팅에 이어 두번째 포스팅입니다! 6. 같은 클래스 이름을 가진 요소 구별하여 선택하기 말이 좀 긴데, 먼저 코드를 봅시다. 제이쿼리 선택자 직접 선택자 코드를 보면 "tit"이라는 같은 이름의 클래스를 가진 요소 과 요소가 있습니다. $(".tit").css(...) 이런식으로 사용한다면, 과 두 요소 모두 css 스타일이 적용됩니다. 요소와 요소를 구별하기 위해선 $("h1.tit").css(...) 이런식으로 명시해준다면 같은 클래스이름을 가진 요소를 구별할 수 있습니다. 결과를 보면? 요소에만 css 스타일이 적용된 것을 확인할 수 있습니다. 7. parent() parent() 메소드는 선택한 요소의 직계부모 요소를 선택하는 메소드입니다. 간단히 예를 들자면, Hello ..