JQuery3 23.02.23(애니메이션) 😀 😀 /* 효과 관련 함수 - hide() : 노출되어 있는 요소를 숨기는 기능을 하는 함수 형식) $("요소선택").hide(효과속도(ms), 콜백함수) * 콜백함수 : 효과가 완료되면 실행하는 함수 ==> 생략도 가능함 - show() : 숨겨져 있던 요소를 노출시키는 기능을 하는 함수 형식) $("요소선택").hide(효과속도(ms), 콜백함수) */ $(function() { $("btn1").on("click", function() { $("h2").hide(500, function() { alert("h2태그는 사라집니다"); }); }); $("btn2").click(function() { $("h2").show(1000); }); }); /* toggle() : 선택한 요소가 보이면 숨이.. 2023. 2. 23. 23.02.22(탐색 선택자, 요소조작함수, 이벤트(마우스,키보드)) 😀매개변수가 필요한 이유는 사용자의 움직임에 따른 정보를 받아서 함수에서 사용해야하기 때문에!! /* 제이쿼리 탐색 선택자 - 제이쿼리 탐색 선택자를 이용하면 직접 선택자를 이용해 선택한 요소 중 원하는 요소를 한 번 더 탐색해서 정확히 선택할 수 있는 장점이 있음 탐색 선택자의 종류 * 위치 탐색 선택자 ==> 선택한 요소 중 위치를 기준으로 선택하는 선택자 * 속성 탐색 선택자 ==> 요소의 지정된 속성을 기준으로 선택하는 선택자 * 콘텐츠 탐색 선택자 ==> 요소 내에서 콘텐츠의 포함 여부를 따져서 선택하는 선택자 * 필터링 선택자 ==> 선택한 요소를 한 번 더 필터링하여 선택하는 선택자 */ /* 위치 탐색 선택자 1. 첫번째 요소 선택 : 전체 요소 중에서 첫번째 요소만 선택 형식) $("요소.. 2023. 2. 22. 23.02.21 (선택자) 😀구를 JQuery.com -> donwload -> Download the uncompressed, development jQuery 3.6.3 -> 오른쪽버튼 다른이름으로 저장 -> 이클립스에서 저장 -> javascrpt src로 연동 😀라이브러리(library)는 다른 프로그램들과 링크되기 위하여 존재하는, 하나 이상의 서브루틴(subroutine)이나 함수(function)들의 집합 파일 😀 /* 제이쿼리(JQuery)? - 제이쿼리는 웹 사이트에 자바스크립트를 쉽게 활용할 수 있도록 도와 주는 오픈 소스 기반의 자바스크립트 라이브러리임. 제이쿼리의 특징 - 웹 사이트 상에서 요소를 쉽게 찾고 조작할 수 있음 - 거의 모든 웹 브라우저에 대응할 정도로 호환성이 좋음 - 애니메이션 등 다양한 기능.. 2023. 2. 21. 이전 1 다음