전체 글

HTML 요소의 속성이나 속성 값을 조작jQuery 1.6버전 이전에는 attr() 만으로 가능하던 처리를 1.6 업데이트로 attr()과 prop() 으로 나뉘어졌다이전에는 attr() 하나로 많은 것을 처리하려다 보니 버그 및 문제가 발생하여 업데이트를 통해 불완전을 해소했다고 한다 attr()1.  개념HTML에 작성된 속성값을 문자열로 받아온다  2.  형식속성값 가져오기var 변수명 = $("요소").attr("속성이름"); // 속성이름 : 꺼내오는거 속성값 넣기$("요소").attr("속성이름", "값"); // 값 : 넣는거 $("요소").attr({ "속성1이름": "값", "속성2이름": "값", "속성3이름": "값"}); .attr()을 사용하면 전체 선택/전체 해..

jQuery 이벤트 정의$(function() { $("셀렉터").이벤트이름(function() { ... 처리 내용 ... }); });  key Event1. event.keyCodeJavaScript에서 event.keyCode 를 하면 각 키보드에 해당하는 고유번호를 알 수 있다이 메소드가 jQuery에서는 event.which 으로 사용하게 된다 .keydown, .keyup - 대소문자 구별X (A도 a도 65라고 나온다)  2. .keypress대소문자 구별 가능Ctrl, Shift, Alt 구별 불가능 ⚒️ 예제// jQuery\webapp\02_jQueryEvent [ event.css 공통] exam01.htmlmember.js회원가입exam02.html마우스 이벤트 확인하기exam03..

jQuery 개념전 세계에서 가장 많이 사용되는 JavaScript 라이브러리HTML 요소 제어HTML 요소를 손쉽게 획득, 제어 가능손쉬운 이벤트 처리단 한번의 이벤트 정의로 크로스 브라우징 해결요소의 탐색과 생성DOM 요소를 제어하기 위한 간결한 기능 제공Ajax 통신 처리페이지 이동이 없는 비동기 데이터 통신  jQuery 특징크로스 브라우징한 번의 코딩으로 거의 모든 브라우저에게 적용간결한 문법HTML 태그(element)를 제어하거나 이벤트를 처리하는 부분 등 JavaScript 의 전반에 걸쳐서 구문이 짧아지기 때문에 개발 효율성 상승익숙한 구문CSS 에서 사용하던 속성과 값을 그대로 JavaScript 구문에 적용할 수 있어서 document 내장 객체가 제공하는 기능을 쉽게 사용 가능다양한..

jQuery 라이브러리 - 사이트 : https://www.jquery.com download jQuery > download jQuery3.7.1d:\WEB\lib\jquery-3.7.1.min.js    jQuery 참조하기 ① js 파일을 다운 받아서 사용script type="text/javascript" src="js/jquery-3.7.1.min.js">script>나는        script type="text/javascript" src="../js/jquery-3.7.1.min.js">script>② http://code.jquery.com의 CDN 서비스를 사용script type="text/javascript" src="http://code.jquery.com/jquery-3.7.1..

Contents// WEB\jQuery\jQuery Animationthis / $(this) // WEB\jQuery\jQuery DomDOM(Document Object Model; 문서 객체 모델)DOM 의 구성요소DOM 트리 구조트리구조 탐색 (Tree Traversal)DOM 객체의 제어조상과 자손의 검색부모 요소 선택 또는 찾는 방법 A.append(B) & B.appendTo(A)bind()on() Homework

Contents// WEB\jQuery\jQuery 개요jQuery 이벤트 정의 // WEB\jQuery\attr() / prop() / get()attr()prop().get() // WEB\jQuery\jQuery CSS스타일 지정클래스 속성 지정load().not()this / $(this) // WEB\jQuery\jQuery AnimationslideUp(), slideDown(), slideToggle()  Homework