Web

제이쿼리 타겟 (3)

jQuery 공부 사이트

jQuery는 앞단에서 중요 핵심이라고 생각한다. 제이쿼리를 사용할때 타겟을 잘 잡아서원하는 값을 java단으로 보내줘야 원할하게데이터가 흐를수 있다. 제이쿼리는 책을보며 따라치는 것도좋지만 미리 만들어져 있는 예제들을수정해보며 타겟잡는 연습을 해보는것이 좋다고 생각한다.아래 링크에 들어가 https://www.w3schools.com/jquery/jquery_traversing_descendants.asp 여러가지 제이쿼리 예제를 볼수 있으며 아래처럼 Try it Yourself 를 눌러실행 예제를 볼수있다. 소스를 직접 수정해 Run을 눌러 실행도 해볼 수 있다.

더 읽기

jQuery 자손 선택자와 후손 선택자

자손 선택자와 후손 선택자는 기본 선택자의 앞에 붙여 사용하며 기본 선택자의 범위를 제한한다. body태그 바로 아래 있는 div태그를 자손이라 한다.그리고 body태그의 아래에 있는 모든 문서 객체를후손 이라고 한다. 라고 책에 쓰여져 있지만 역시 프로그래밍 이론 공부는보면서 쳐보는게 제일 좋다. 자손 선택자는 자손을 선택하는 선택자이며 요소A> 요소B의 형태로 사용된다.아래에서는 body태그의 자식으로 범위를 한정해전체가 선택된다. 크롬 개발자 도구로 확인을 해보면 div태그에만 css가 적용되어있다. 후손 선택자는 이름 그대로 후손을 선택하며 요소A 요소B 의 형태로 사용하며요소A의 후손으로 범위를 한정한다.아래는 body 태그의 모든 후손을 선택한다. 크롬 개발자 도구로 확인을 하면body 태그의..

더 읽기

jQuery 기본 선택자, 타겟 설정 (feat. (document).ready)

선택자 또는 타겟 설정은 jQuery에서 가장 중요하고 가장 많이 사용되는 부분이다.어렵지 않은 부분이니 바로 보면서 시작하자.먼저 7line은 제이쿼리 CDN 호스트 주소이다.제이쿼리를 사용하는 방법에는 두 가지 방법으로 사용 할 수 있다.첫 번째 방법은 위처럼 CDN 호스트를 사용하는 법이고두 번째 방법은 직접 다운을받아 사용 하는 방법이다.CDN호스트를 사용하는것이 편리하기 때문에 학습 목적에는CDN을 많이 쓰는 편이다. 10lind 의 $(document).ready() 는 문서가 준비되면매개변수로 넣은 콜백 함수를 실행하라는 의미이다.jQuery 이벤트 메소드 중 하나이며 웹 개발에서 거의많이 쓰이기 때문에 구조는 알아두자. 보통 jQuery로 타겟을 잡아서 작업을 할때는 도큐먼트 레디안에서 많..

더 읽기

Copyright © Web All Rights Reserved

Designed by JB FACTORY

티스토리툴바