728x90 전체 글152 [jquery] click() 메서드와 on("click") 메서드의 차이 목 차1. click() VS on.("click") 비교2. 비교 예제2-1. 정적 요소에 이벤트 바인딩2-2. 동적 요소에 이벤트 바인딩2-3. 다중 이벤트 처리3. 정리 1. click() VS on.("click") 비교특징click()on("click")동적 요소 지원지원하지 않음지원 (이벤트 위임 사용 시 가능)이벤트 위임불가능가능 (부모 요소에 이벤트 바인딩)다중 이벤트 등록단일 이벤트만 처리 가능여러 이벤트 유형 등록 가능사용법 간결성더 간단한 방식상대적으로 복잡권장 여부간단한 경우 사용 가능대부분의 경우 권장 2. 비교 예제2-1. 정적 요소에 이벤트 바인딩// click() 사용$("button").click(function() { alert("Button clicked!");}.. 2024. 12. 2. jQuery 페이지 로드 후 실행 이벤트 목 차1. $(document).ready()2. 주요 개념2-1. DOM이 로드 되었을 때 실행2-2. HTML 문서와 외부 리소스 로드의 차이3. 문법4. 사용 예제4-1. 기본 사용4-2. 축약형 사용4-3. 이벤트 핸들러 등록5. 여러 개의 ready() 호출6. $(document).ready()와 window.onload의 비교7. 정리 1. $(document).ready()$(document).ready()는 jQuery에서 DOM(Document Object Model)이 완전히 로드되고 파싱된 후에 실행되는 코드를 정의하는 메서드입니다.이 메서드는 HTML 문서가 완전히 로드된 뒤에 JavaScript 코드를 실행할 수 있도록 보장하며, 특히 문서 로드 시점의 이벤트 처리에 유용합니다... 2024. 12. 2. 제이쿼리 선택자 정리 (Selector) 목 차1. 전체 선택자 (*)2. 태그 선택자3. 아이디 선택자 (#id)4. 클래스 선택자 (.class)5. 속성 선택자6. 그룹 선택자7. 후손 선택자8. 자식 선택자 (>)9. 형제 선택자 (+, ~)10. Pseudo-class 선택자 1. 전체 선택자 (*)설명: 문서의 모든 요소를 선택합니다.$("*").css("color", "red"); // 모든 요소의 텍스트를 빨간색으로 변경 2. 태그 선택자 설명: 특정 태그 이름을 기준으로 요소를 선택합니다.$("p").hide(); // 모든 태그를 숨김 3. 아이디 선택자 (#id) 설명: 특정 id 값을 가진 요소를 선택합니다.$("#header").text("Hello!"); // id가 'header'인 요소의 텍스트를 변경 4. 클.. 2024. 12. 1. 파이썬 패키지, 모듈 import 하는 방법 정리 (import, from , as) 목 차1. 파이썬 import 설명2. 기본 import3. 별칭 사용 (as)4. 특정 요소만 가져오기 (from ... import ...)5. 특정 요소를 별칭으로 가져오기6. 모듈 내의 모든 요소 가져오기 (from ... import *)7. 패키지에서 하위 모듈 가져오기8. 패키지에서 특정 요소 가져오기9. 상대 경로로 모듈 가져오기 (패키지 내부)10. 사용자 정의 모듈 가져오기 1. 파이썬 import 정의파이썬에서 모듈을 가져오는 방법(import)은 코드 재사용성을 높이고, 다양한 라이브러리와 기능을 손쉽게 활용할 수 있도록 도와줍니다.import는 특정 모듈 또는 모듈 내의 특정 요소를 가져와 사용할 수 있도록 하는 키워드입니다. 2. 기본 import 모듈 전체를 가져옵니다.모듈의.. 2024. 11. 30. CDN 사용하여 jQuery 프로젝트 설치하기 목 차1. CDN이란?2. jQuery CDN 확인하기2-1. 현재 압축된 안정 버전 (minified)2-2. 압축되지 않은 안정 버전 (디버깅용)3. 프로젝트 jQuery 설치 1. CDN이란?CDN(Content Delivery Network)은 전 세계에 분산된 서버 네트워크를 통해 라이브러리를 빠르게 제공하는 시스템입니다.브라우저가 동일한 jQuery 파일을 이미 캐시하고 있을 가능성이 커서 로드 속도가 빨라짐.서버 부하를 줄일 수 있음. 2. jQuery CDN 확인하기 jQuery CDN 주소는 jQuery 공식 웹사이트에서 항상 최신 버전을 확인할 수 있습니다. 2-1. 현재 압축된 안정 버전 (minified) 2-2. 압축되지 않은 안정 버전 (디버깅용) 3. 프로젝트 jQuery .. 2024. 11. 30. jQuery란 무엇인가? 목 차1. jQuery가 뭘까요?2. 주요 특징3. jQuery 기능4. jQuery의 필요성5. jQuery의 한계 1. jQuery가 뭘까요?jQuery는 JavaScript로 웹 애플리케이션을 더 간단하고 효율적으로 개발할 수 있도록 설계된 JavaScript 라이브러리입니다. 2. 주요 특징1) 간단한 문법DOM 조작, 이벤트 처리, 애니메이션 등을 적은 코드로 간단하게 구현할 수 있습니다.2) 크로스 브라우저 호환성 다양한 브라우저에서 일관된 동작을 보장하며, 브라우저 호환성을 처리하는 코드를 줄여줍니다.3) 풍부한 플러그인 생태계 jQuery 기반의 플러그인을 활용하여 슬라이더, 모달 창, 날짜 선택기 등 다양한 기능을 손쉽게 구현할 수 있습니다.4) AJAX 요청 지원 서버와 비동기적으로 .. 2024. 11. 29. 이전 1 ··· 3 4 5 6 7 8 9 ··· 26 다음 728x90