'웹 프로그래밍/JQuery' 카테고리의 글 목록

웹 프로그래밍/JQuery (9)

[JQuery] JQuery 노드 찾기 – 특정 노드만 찾기

웹 프로그래밍/JQuery 범범조조 2021. 1. 9. 00:00

안녕하세요. 오늘은 JQuery에서 노드 찾기에 대해서 알아보려고 합니다. 그 중에서도, 특정 노드만 찾아서 그 노드만 다루는 방법에 대해서 알려드리려고 합니다. 참고로, 예제 코드는 “자바스크립트 + JQuery 완전정복 스터디 2권” 책을 참고해서 작성했다는 점 알아주시면 좋겠습니다! 사용 방법 $대상.filter(“선택자”); 위와 같이 filter 메서드를 이용하여 특정 노드에 접근할 수 있습니다. 그럼 이제 예제 코드를 통해서 어떻게 실제 저 구문을 이용하는지 알아보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 ..

[JQuery] JQuery 노드 찾기 – 순차적으로 찾은 노드 접근하기

웹 프로그래밍/JQuery 범범조조 2021. 1. 8. 00:00

안녕하세요. 오늘은 JQuery에서 노드 찾기에 대해서 알아보려고 합니다. 그 중에서도, 순차적으로 찾은 노드에 접근하는 방법에 대해서 알아보려고 합니다. 참고로, 예제 코드는 “자바스크립트 + JQuery 완전정복 스터디 2권” 책을 참고해서 작성했다는 점 알아주시면 좋겠습니다! 사용 방법 $대상.each(function(index){ let $targer=$(this); or let $target=$대상.eq(index); }) 위와 같은 구문으로 순차적으로 노드에 접근할 수 있습니다. 그럼 이제 예제 코드를 통해서 어떻게 실제 저 구문을 이용하는지 알아보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 ..

[JQuery] JQuery 노드 찾기 – 찾은 노드 중 n 번째 노드 접근 방법

웹 프로그래밍/JQuery 범범조조 2021. 1. 7. 00:00

안녕하세요. 오늘은 JQuery에서 노드 찾기에 대해서 알아보려고 합니다. 그 중에서도, 찾은 노드 중 n 번째 노드에 접근하는 방법에 대해서 알아보려고 합니다. 앞서, 노드의 개수를 찾는 방법을 공부 했었는데요. 이번에는 찾은 노드 중에서 예를 들어 div라는 태그가 5개가 있는데, 이 중에서 3번째 div 노드에 어떻게 접근하는지 알아보려고 합니다. 참고로, 예제 코드는 “자바스크립트 + JQuery 완전정복 스터디 2권” 책을 참고해서 작성했다는 점 알아주시면 좋겠습니다! 사용 방법 $대상.eq(index) 찾은 노드 중 n 번째 노드에 접근하는 구문은 위와 같습니다. 그럼 이제 예제 코드를 통해서 어떻게 실제 저 구문을 이용하는지 알아보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 ..

[JQuery] JQuery 노드 찾기 – 찾은 노드의 개수 구하기

웹 프로그래밍/JQuery 범범조조 2021. 1. 6. 00:00

안녕하세요. 오늘은 JQuery에서 노드 찾기에 대해서 알아 보려고 합니다. 노드를 찾고 다루는 방법은 여러가지가 있습니다. 예를들어, 찾은 노드의 개수를 구한다던가 순차적으로 찾은 노드에 접근한다던가 이 외에도 다양하게 찾은 노드를 다루는 방법이 있는데요. 오늘부터는 이렇게 찾은 노드들을 여러 방법으로 다루는 것들에 대해서 공부해 보려고 합니다. 참고로, 예제 코드는 “자바스크립트 + JQuery 완전정복 스터디 2권” 책을 참고해서 작성했다는 점 알아주시면 좋겠습니다! 우선 그 첫번째로, 찾은 노드의 개수를 구하는 방법에 대해서 알아 보도록 하겠습니다. 사용 방법 $대상.length 찾은 노드의 개수를 구하는 구문은 위와 같습니다. 그럼 이제 예제 코드를 통해서 어떻게 실제 저 구문을 이용하는지 알아..

[JQuery] JQuery 노드 찾기 – 속성으로 노드 찾기

웹 프로그래밍/JQuery 범범조조 2021. 1. 5. 00:00

안녕하세요. 오늘은 지난번 노드 찾는 방법 4번째 시간으로써, 속성으로 노드를 찾는 방법에 대해서 알려 드리려고 합니다. 예제 코드는 지난번 예제 코드를 계속해서 이용할 것이고, 참고로, 예제 코드는 “자바스크립트 + JQuery 완전정복 스터디 2권” 책을 참고해서 작성했다는 점 알아주시면 좋겠습니다! 그럼 바로 속성으로 노드를 찾는 방법에 대해서 알아보겠습니다. 사용법은 아래와 같습니다. 사용 방법 $(“속성옵션”) 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55..

[JQuery] JQuery 노드 찾기 – 클래스 이름으로 노드 찾기

웹 프로그래밍/JQuery 범범조조 2021. 1. 4. 00:00

안녕하세요. 오늘은 지난번 노드 찾는 방법 3번째 시간으로써, 클래스 이름으로 노드를 찾는 방법에 대해서 알려 드리려고 합니다. 예제 코드는 지난번 예제 코드를 계속해서 이용할 것이고, 참고로, 예제 코드는 “자바스크립트 + JQuery 완전정복 스터디 2권” 책을 참고해서 작성했다는 점 알아주시면 좋겠습니다! 그럼 바로 클래스(class) 이름으로 노드를 찾는 방법에 대해서 알아보겠습니다. 사용법은 아래와 같습니다. 사용 방법 $(“.클래스이름”) 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 ..

[JQuery] JQuery 노드 찾기 – 태그 이름으로 노드 찾기

웹 프로그래밍/JQuery 범범조조 2021. 1. 3. 00:00

안녕하세요. 오늘은 지난번 노드 찾는 방법 2번째 시간으로써, 태그 이름으로 노드를 찾는 방법에 대해서 알려 드리려고 합니다. 예제 코드는 지난번 예제 코드를 계속해서 이용할 것이고, 참고로, 예제 코드는 “자바스크립트 + JQuery 완전정복 스터디 2권” 책을 참고해서 작성했다는 점 알아주시면 좋겠습니다! 그럼 바로 태그(tag) 이름으로 노드를 찾는 방법에 대해서 알아보겠습니다. 사용법은 아래와 같습니다. 사용 방법 $(“태그 이름”) 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51..

[JQuery] JQuery 노드 찾기 – ID 이름으로 노드 찾기

웹 프로그래밍/JQuery 범범조조 2021. 1. 2. 00:00

안녕하세요. 오늘부터는 JQuery 문법에 대해서 집중적으로 공부해 보려고 합니다. 오늘부터 다룰 내용은 JQuery에서 노드를 다루는 방법에 대해서 알아보려고 하는데요. 그 중에서도, 노드들을 찾는 방법에 대해서 알아보려고 합니다. 노드를 찾는 방법은 여러가지 방법들이 있는데요. 오늘은 아이디 이름으로 노드를 찾는 방법에 대해서 알아보려고 합니다. 참고로, 예제 코드는 “자바스크립트 + JQuery 완전정복 스터디 2권” 책을 참고해서 작성했다는 점 알아주시면 좋겠습니다! 그럼 바로 아이디 이름으로 노드를 찾는 방법에 대해서 알아보겠습니다. 사용법은 아래와 같습니다. 사용 방법 $(“#아이디 이름”) 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ..

[JQuery] JQuery 설정 및 적용하기

웹 프로그래밍/JQuery 범범조조 2021. 1. 1. 00:00

안녕하세요. 오늘부터는 틈틈이 시간 나는대로 JavaScript와 함께 병행하면서 JQuery도 같이 공부를 시작하려고 합니다. 제가 늘 C#을 이용하여 윈도우 어플리케이션만 개발을 했던 터라..웹 공부는 처음인데요. 와..정말 웹을 다루기 위한 기초 문법들이 이렇게 다양하고 많은지..새삼 놀랍고 계속 공부를 해야 한다는 목표도 생겨서 한편으로는 즐겁기도 합니다! 오늘은 JQuery 첫 시작으로 JQuery를 시작하기 위해서는 JQuery 파일을 불러와야 하는데요. 크게 사이트에서 다운로드 받아서 사용하는 방법과 CDN을 사용해서 적용하는 방법이 있습니다. 저는 이 중에서 CDN은 이용해서 JQuery를 적용시키려고 합니다. 먼저 CDN에 대해서 간단히 설명을 드리자면, Content Delivery N..

1

Sidebar

Copyright © BeomBeomJoJo All Rights Reserved

Designed by JB FACTORY

티스토리툴바