javascript79 jQuery .children() .parent() 배워보기! 오늘은 jQuery의 자식 요소를 찾아주는 children과 부모 요소를 찾아주는 prarent 함수에 대해서 정리해 보려고 한다. DOM 트리에서 요소를 탐색하고 조작하는 데 사용되는 메서드이며, 다양한 상황에 응용될 수 있는 함수다. children과 parent 함수의 개념 children과 parent 함수는 이름에서도 알 수 있듯이 자식과 부모 요소를 찾을 수 있도록 도와주는 기능의 함수다. 두 함수 모두 DOM 객체 내에서 요소 간의 관계를 탐색하고 조작할 때 편리하게 활용할 수 있으며, 특정 요소의 직계 자식 요소를 선택하여 스타일을 변경하거나, 특정 요소의 부모 요소를 선택하여 이벤트를 추가하는 등의 작업을 수행할 수 있다. children() children 함수는 선택한 요소의 직계 자.. 2023. 1. 2. [jQuery] .append() .prepend() 알아보자! 오늘은 jQuery의 append와 prepend 함수에 대한 내용을 정리해보려고 한다. 태그 요소를 추가할 때 주로 사용되는 개념이며, 활용도가 아주 높기 때문에 학습해 둔다면 유용하게 사용될 수 있다. 요소에 특정 콘텐츠를 추가해야 하는 경우는 많기 때문에 append와 prepend는 어떤 방식으로 동작하는지 개념과 활용 예제, 주의사항 등을 알아보자. append와 prepend의 개념 위에서 설명한 바와 같이 두 함수는 HTML 요소에 새로운 콘텐츠를 추가하는 데 주로 사용되는 함수다. 두 함수의 기능은 매우 유사하나 약간의 차이가 있기 때문에 차이점을 파악하고 상황에 맞게 활용하는 것이 중요하다. append append 함수는 선택한 요소의 마지막 자식 요소로 설정된 콘텐츠를 추가하는 기능이.. 2022. 12. 31. jQuery show() hide() 이벤트 배워보기! 오늘은 jQuery의 show와 hide 이벤트에 대한 내용을 주제로 정리해 보려고 한다. 해당 이벤트는 특정 요소를 간단하게 보여주거나 숨기는 기능이며, 사용 방법은 매우 간단하다. show와 hide의 개념 UI에서 show와 hide의 처리는 다양한 환경에 사용되는 중요한 개념이다. 특정 요소를 선택하여 보이거나 감추는 기능인데, 이 간단한 기능이 매우 유용하게 쓰이고, 자바스크립트와 jQuery 뿐만 아니라 다양항 프론트엔드 라이브러리에서는 공통되는 개념이기 때문에 숙지하고 넘어가는 것이 좋다. Show 요소의 표시를 할 때 사용되며, show는 화면에 특정 요소를 보이게 한다. 이는 사용자에게 해당 요소를 표시하여 시각적으로 접근할 수 있도록 한다. 사용자가 요소와 상호작용할 수 있도록 하기 위.. 2022. 12. 30. [javascript] 자바스크립트 날짜 포맷 알아보자! (date format, date parse) 오늘은 자바스크립트의 날짜 포맷 관련해서 정리해보려고 한다. 자바스크립트의 기본 함수인 Date()를 이용해서 간단하게 문자열 형식의 데이터를 date 형태의 날짜로 변환하는 것을 날짜 포맷이라고 한다. 소프트웨어 개발을 하다 보면 데이터의 형식을 변경하는 작업은 항상 필요한 작업이며, 날짜 역시 자유롭게 포맷과 파싱을 할 수 있어야 한다. Date format의 개념 자바스크립트에서 날짜를 포맷하는 것은 날짜를 원하는 형식으로 변경하는 과정이다. 이는 날짜 객체의 값을 문자열로 변환하여 특정 형식에 맞게 출력하는 것을 의미한다. Date 객체 자바스크립트에서 날짜와 시간을 다루는 데에 가장 기본이 되는 내장 객체다. Date 객체는 날짜와 시간 정보를 나타내는 데 사용되며, 이를 이용하여 다양한 연산을.. 2022. 12. 30. [javascript] 자바스크립트 getElementsByName 배워보자! 오늘은 자바스크립트의 getElementsByName 함수에 대해서 정리해 보려고 한다. 이 함수는 HTML 문서 내에서 특정한 이름 (name)을 가진 모든 요소들을 가져오는 기능이며, 주로 폼(form) 요소나 일부 다른 요소들을 선택하는 데 활용된다. getElementById, getElementsByClassName 등의 함수들과 더불어 태그 속성값에 의해 호출하고 다룰 수 있는 함수다. getElementsByName 함수의 개념 getElementsByName 함수는 HTML 문서 내에서 특정한 이름(name)을 가진 모든 요소를 선택하는 자바스크립트 함수다. 이 함수는 문서 객체 모델(DOM)을 사용하여 문서 내의 요소들을 탐색하고 선택할 때 유용하게 활용된다. 함수의 선택 기준은 이름(n.. 2022. 12. 29. [javascript] 자바스크립트 getElementsByTagName 배워보자! 오늘은 자바스크립트의 기본 내장 함수인 getElementsByTagName에 대해서 정리해 보려고 한다. 이름에서도 알 수 있듯이 DOM 요소의 태그 명을 기준으로 요소를 조회하고 다룰 수 있는 기능이다. getElementsByTagName 메서드 getElementsByTagName 메서드는 Document 객체의 메서드 중 하나로, 특정 태그 이름에 해당하는 모든 요소를 포함하는 HTML을 반환한다. 이 메서드는 Document 내에서 특정 태그 이름을 가진 모든 요소를 선택할 때 사용되며, 반환된 HTMLCollection은 실시간으로 업데이트되는 살아 있는 객체이므로, DOM의 변경에 따라 업데이트된다. 메서드의 특징 태그 이름으로 요소 선택하기 getElementsByTagName 메서드는.. 2022. 12. 29. 이전 1 ··· 8 9 10 11 12 13 14 다음
