Programming/HTML & CSS & JavaScript47 jQuery 2일차(2) - 이벤트, Ajax #################################################################### 11. Event https://api.jquery.com/category/events/1> 이벤트 설정 및 해제 .on("이벤트타입1 이벤트타입2"[,"selector",data], function(){}); .off("이벤트타입",[,"selector",function(){}]); .one("이벤트타입1 이벤트타입2"[,data],function(){}); ==> 이벤트핸들러(함수) 에서 this 는 이벤트소스를 참조한다. OK userid: passwd: 2> trigger() 메서드 기능: .. 2024. 5. 20. jQuery 2일차 - Traversing(필터링), Attributes, Manipulation, Util #################################################################### 7. Traversing - 6. Selectors 는 DOM에서 1차로 필터링하는 방법이다. 7. Traversing 는 기본 Selectors로 1차 필터링하고 이후에 2차 필터링할 때 사용한다. (****) 1> 기본 Filtering 2> Tree # 부모/자식 관계 $(document).ready(function(){ //https://api.jquery.com/category/traversing/tree-traversal/ // 1. .children([selector]) : 자식만.. 2024. 5. 20. jQuery 1일차 - 설치, ready, DOM(this), selectors, 2차필터링 jQuery 1. 개요 - JS 의 라이브러리 - 풍부한 기능이 제공 - 사용하기도 쉽다. - *.js 형식으로 제공됨. - https://jquery.com/2. 설치방법 2가지 1> 다운로드 - *.js 파일을 local 에 저장해서 사용. - 2가지 버전 압축버전: *.js (배포용, 용량을 공백을 제거해서 거의 한줄로 되어있음.) -> jquery-3.7.1.min.js(86KB) 비압축버전: *.js (개발용) -> jquery-3.7.1.js(279KB) 2> CND(Content Delivery Network) - 서버와 링크 이용해서 사용. ==> 만약에 jquery 의 js를 인식을 못하면 jQuery01_설치1_다운로드방식.html:11 Uncaug.. 2024. 5. 16. js 이론정리 * 웹 어플리케이션 개발 ( 웹사이트 ) 1. web application ( studentOAP ) - 화면 필요 ( html, JSP/Servlet) 브라우저 ------------------------> 서버 ( html, JSP/Servlet, Spring Framework, Spring Boot ) 응답: html(css,js) 2. REST API -----------------------> 서버 ( Spring Framework, Spring Boot ) 장치 XML, JSON ( JavaScript Object Notation) {key:value, key:value} .. 2024. 5. 16. 이전 1 2 3 4 ··· 12 다음