은은하게 코드 뿌시기

이벤트 : 사이트에 방문자가 취하는 모든동작 단독이벤트 등록 대상 /종류 / 이벤트 핸들러 $("#btn").click(function(){ 스크립트 코드 }); 그룹이벤트 등록 대상 /등록/종류 / 핸들러 $("#btn").on("이벤트종류",function(){ 스크립트코드 }); 이벤트의 종류 마우스 이벤트 click 클릭했을때 마우스 포인터로 눌럿다가 떼었을때 dbclick 더블클릭 했을때 hover mouseenter 와 mouseleave 이벤트를 한번에 bind mousedown 마우스를 눌럿다가 떼엇을때 moudseenter 마우스가 진입했을때 mouseleave 마우스가 노드에서 벗어났을때 mousemove 마우스를 움직였을때 mouseout 마우스 포인터가 떠났을때 mouseover 노..

1 .제이쿼리 - 자바스크립트 라이브러리 언어, 자바스크립트보다 애니메이션을 쉽게 구현할 수있음 1.1 제이쿼리 연동법 다운받아서 파일을 연동 CDN 방식 : URL을 링크하여 사용 1.2 선택자 : HTML요소를 선택하여 가져옵니다. $(function(){ $("요소 선택").css("속성","값"); });` 바디에잇는 모든 문서 객체 를 로딩한 후에 실행 기본선택자 - 직접선택자 : id, class 등을 통해 직접선택 - 근접 선택자 : 자식요소, 다음 요소 등을 선택 탐색 선택자 - 위치 선택자 : 인덱스 위치를 파악하여 선택 - 속성 선택자 : 속성을 선택 객체조작 - 선택한 요소 삭제, 생성, 복제, 속성 변경 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 Insert title here $(document).ready(function () { $("userclass").hide(); $(window).load(function(){ $("#pw1").hide(); }); $("#content1").click(function(){ if($("#pw1").css("display")=="none"){ $("#pw1").show(); } else{ $("#pw1").hide(); } }); $(".content2").click(fu..

*제이쿼리 사용시에는 js다운받아서 사용하는법, cdn방식을 사용하는 법이 두가지 있다. *제이쿼리 CDN 사용하기 " target="_blank" rel="noopener">https://code.jquery.com/jquery-latest.min.js"> 위코드를 추가해주면 된다! * 로딩되기 시작할때 $(window).load(function() { }); 모두 로딩되었을때 $(document).ready(function() { }); 로딩될때 $(function() { });