공부기록용

🔴요소의 탐색 🔻조상 요소 🔻형제 요소 🔻자식 요소 🔻기타 탐색 🔻필터링 조상 요소의 탐색 .parent() 선택한 요소의 부모(parent) 요소를 선택함. 이때 선택자를 인수로 전달하여, 전달받은 선택자에 해당하는 부모 요소만을 선택할 수도 있다. .parents() 선택한 요소의 조상(ancestor) 요소를 모두 선택함. 이때 선택자를 인수로 전달하여, 전달받은 선택자에 해당하는 조상 요소만을 선택할 수도 있다. .parentsUntil() 선택한 요소의 조상 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택함. 이때 선택자를 인수로 전달하지 않으면, .parent() 메소드와 같이 선택한 요소의 조상 요소를 모두 선택한다. .closest() 선택한 요소를 포함한 조상..

🔴선택된 요소에 접근하는 메서드 🔴요소를 추가하는 메서드 🔻기존 요소의 내부에 추가 🔻기존 요소의 외부에 추가 🔻기존 요소를 포함하는 요소의 추가 🔴요소의 복사, 대체,삭제 선택된 요소에 접근하는 메서드 선택자에 의해 선택된 요소의 값을 읽어 가져오거나 원하는 값으로 설정하기 위해서는 해당 메서드들을 통해 값을 원하는 요소에 접근할 수 있다. 이러한 메서드를 getter, setter메서드라고 한다. getter 메서드: 선택된 요소에 접근하여 그 값을 읽어오기 위한 메소드로 이러한 getter 메소드는 아무런 인수를 전달하지 않고 호출한다. setter 메서드: 선택된 요소에 접근하여 그 값을 설정하기 위한 메소드로 이러한 setter 메소드는 대입하고자 하는 값을 인수로 전달하여 호출한다. .html..

jQuery' 메서드 jQuery 라이브러리가 제공하는 함수로, HTML요소를 선택하고 조작하는 함수를 의미한다. 일반적으로 선택된 요소의 스타일을 변경하거나 DOM구조를 조작하는데 사용된다. jQuery' 이벤트 웹 페이지에서 발생하는 사용자와의 상호작용(클릭, 마우스 오버, 키 입력 등)에 반응하는 동작을 의미한다. 이벤트 핸들러를 등록하여 특정 이벤트가 발생했을 때 원하는 동작을 수행할 수 있다. 이벤트 처리를 위해 제이쿼리에서는 .on() 메소드를 사용한다. ✔️제이쿼리 1.7부터는 .bind()나 .click() 메소드를 사용해도, 내부적으로 .on() 메소드를 이용하여 이벤트 핸들러와 연결한다. $(document).ready(function() { $("button").on("click", ..

❓jQuery선택자 이후 동작함수를 작성할 때 함수와 메서드, 이벤트의 정의가 불분명한 상태였음! 정의?란게 불분명한 느낌 상황에 맞게 잘 선택하고 싶어 차이를 짚고 넘어가고 싶었음 함수(Function)과 메서드(Method)의 차이 함수는 여러 문장들이 하나의 기능을 구현하도록 구성한 것이라고 할 수 있다. 그 함수 중에서 클래스 내부에 정의한 함수를 메서드라고 부른다. 또한 메서드는 객체의 속성을 다루기 위한 행위를 정의한 것이라는 의미도 포함하고 있다. 함수 메서드 특정한 작업을 수행하기 위해 설계되었다. 객체의 기능을 구현하기 위해 클래스 내부에 구현(정의)되는 함수이다. 메서드를 구현하면 객체의 기능을 구현하는 것이다. 자체적으로 존재한다.(독립적) 객체와 연결되어 있다. 클래스 내부에 종속되..

기본 구문 $기호는 제이쿼리를 의미하고, 제이쿼리에 접근할 수 있게 해주는 식별자이다. 선택자를 이용하여 원하는 HTML요소를 선택하고, 동작 함수를 정의하여 선택된 요소에 원하는 동작을 설정한다. jQuery를 사용하기 위해서는 먼저 jQuery객체를 생성해야 한다. 생성된 jQuery객체는 다양하나 메소드를 가지고 jQuery를 학습하는 것은 대체로 이 다양한 메소드들의 사용법을 익히는 것이다. ✔️$() 함수 $() 함수는 선택된 HTML요소를 제이쿼리에서 이용할 수 있는 형태로 생성해주는 역할을 한다. $() // jQuery() 함수의 축약형 jQuery()함수는 전달되는 인수의 종류에 따라 다른 동작을 하지만 결국에는 jQuery객체를 반환한다. 제이쿼리는 이렇게 생성된 제이쿼리 객체의 각종 ..

jQuery적용하기 오픈 소스 파일을 다운로드하여 사용하거나 URL로 연결하여 사용할 수 있다. 오픈 소스를 다운 받아 사용할 시 https://jquery.com/download/에서 다운받아 삽입해주면 된다. ✨ 태그 내에 위치하기_body 마감 태그 바로 앞에 작성해 줄 것 head태그에 넣어도 되고 body태그 내에 넣어도 상관없지만 순서는 제이쿼리 오픈소스 → 제이쿼리 작성 js파일 순서로 삽입해줄 것 ✔️이때의 폴더 구조 ❓소스 파일의 head태그와 body태그 내에서의 위치 차이❓ 일반적으로 웹 페이지의 로딩 및 성능에 관련이 있다. 태그 내에 스크립트를 넣는 경우 로딩 순서: 보통 태그 내에 스크립트를 위치시키면 웹 브라우저는 페이지의 나머지 부분을 파싱하는 동안에 스크립트를 먼저 로드하려..