반응형

2024/04/26 4

[Java Script] jQuery 사용법

잡담밀린 수업내용을 다시 정리하려니까 많이 까먹어서 정확한 정보들을 제공할 수 있을지 걱정이 됩니다. Front-end 쪽에서는 JQuery를 시작했고, back-end 에선 java DB연결, Python fastApi 등을 하고 있는데요 언제 기능들이 합쳐질지 모르겠습니다. 오늘도 열심히 작성해 보도록 할게요.jQuery jQuery는 JavaScript를 더 쉽게 다룰 수 있도록 도와주는 JavaScript 라이브러리 중 하나입니다. 웹 개발에서 가장 널리 사용되는 라이브러리 중 하나이며, 다양한 웹 브라우저에서 일관된 방식으로 코드를 작성할 수 있도록 해줍니다.jQuery는 HTML 문서의 요소 선택, 이벤트 처리, 애니메이션 및 AJAX와 같은 다양한 기능을 단순화하고 추상화합니다. 이로써 개발..

Java Script/jQuery 2024.04.26

[Java Script] jQuery / even, odd, lt, gt, eq

잡담오늘도 예제를 통해서 even, odd, it, gt, eq에 대해서 알아보겠습니다. 따로 이론은 필요 없을 것 같아요. 1. even / oddjQuery에서 .even()및. odd() 메서드는 선택된 요소 집합에서 짝수 또는 홀수 인덱스를 가진 요소들을 선택하는 데 사용됩니다. 이들 메서드는 0부터 시작하는 인덱스를 기준으로 요소를 선택합니다. 리스트1-index:0 리스트2-index:1 리스트3-index:2 리스트4-index:3 리스트5-index:4 리스트6-index:5 리스트7-index:6 See the Pen jQuery even odd by 이현석 (@loxshqac-the-s..

Java Script/jQuery 2024.04.26

[Java Script] jQuery / prev, prevAll, prevUntil, next, nextAll, nextUntil, siblings

잡담앞서서 jquery에 children과 parent에 대해서 배워보았는데요, 비슷한 개념의 내용을 오늘 다룰 예정입니다. 이론을 설명하는 거보다 예제로 보는 것이 훨씬 이해하기 쉽기 때문에 대부분 예제로 대체될 거 같습니다. 1.prevjQuery의 .prev() 메서드는 선택한 요소의 이전 형제 요소를 선택하는 데 사용됩니다. 이 메서드는 DOM 트리에서 한 단계 위로 이동하여 선택한 요소의 이전 형제 요소를 찾습니다. 아래는 간단한 예제입니다. 리스트1 리스트2 리스트3 리스트4 리스트5 리스트6 리스트7 See the Pen jQuery prev by 이현석 (@loxshqac-the-style..

Java Script/jQuery 2024.04.26

[Java Script] jQuery / children, parent

잡담아직 날짜상으로는 봄인데 벌써 여름처럼 덥네요. 오늘 최고기온이 27도까지 올라갔습니다. UI 수업시간에 ajax를 통해서 jason 데이터들을 가져오는 작업들을 해봤는데 게시글 밀린 게 많아서.. 곧 올라가지 않을까 싶습니다. 오늘은 jquery의 기본 중에 children, parent를 배워보도록 하겠습니다. 1. childrenjQuery의 .children() 메서드는 선택한 요소의 모든 직계 자식 요소를 선택하는 데 사용됩니다. 이를 통해 DOM 트리를 아래로 탐색하여 선택한 요소의 즉시 자식 요소를 찾을 수 있습니다. 간단한 예제를 살펴보겠습니다.// 다음과 같은 HTML 구조가 있다고 가정해보겠습니다:/* 자식 1 자식 2 자식 3*/// 다음과 같이 부모 요소의 모든 ..

Java Script/jQuery 2024.04.26
반응형