jQuery
-
jQuery - .append()jQuery 2020. 6. 23. 14:57
.append() - 선택한 요소의 내용의 끝에 컨텐츠를 추가. 문법 .append(content [, content]) 예제1 예를 들어 안녕하세요 가 있을 때, $('p').append(' 123'); 를 하면 안녕하세요 123 가 출력 예제2 - 순서 없는 목록 마지막에 안녕하세요 추가 Lorem Ipsum 예제2 - strong 요소를 p 요소의 내용의 끝으로 이동시킨다. abc XYZ * 선택한 요소의 내용의 앞에 내용을 추가할 때는 .prepend() 사용 * .appendTo() 와 기능이 거의 동일하나 a.append('b') -> a에 b컨텐츠 삽입 , a.appendTo('b') -> b에 a 컨텐츠 삽입
-
JQuery - .animate()jQuery 2020. 6. 23. 14:51
.animate() - 애니메이션 효과를 만든다. 문법 .animate( properties [, duration] [, easing] [, complete]) properties backgroundPositionX backgroundPositionY borderBottomWidth borderLeftWidth borderRightWidth borderSpacing borderTopWidth borderWidth bottom fontSize height left letterSpacing lineHeight margin marginBottom marginLeft marginRight marginTop maxHeight maxWidth minHeight minWidth opacity outlineWidth ..
-
ajax (기초)jQuery 2020. 5. 6. 13:32
ajax (기초) ajax란 JavaScript 비동기 통신 사용법 var xhttp = new XMLHttpRequest(); 요청 get xhttp.open("GET", "textData.jsp?name=홍길동",true); - GET일 때에는 url에 쿼리스트링(?뒤에 name = 홍길동)으로 , true는 비동기일 때, false는 동기일 때 xhttp.send() 요청 post data = "name=korea&age=15“; xhttp.open("POST", "first.jsp", true); xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xhttp.send(data); readyState 0 : ope..
-
jQuery(off, bind, delegate)jQuery 2020. 5. 4. 12:40
bind(type, data, fn, map) 매치된 요소에 이벤트 처리기를 바인딩한다. type : 이벤트 종류 data : fn의 파라미터값 diprecated 되어있다. unbind(type, fn) 매치된 요소에 이벤트 처리기를 제거한다. one(type, data, fn) Bind()와 같지만 이벤트를 한번만 실행하고 자동으로 이벤트를 제거한다. tigger(type) 매치된 요소에 대하여 이벤트 타입에 해당하는 이벤트 처리기를 모두 실행한다. 이벤트 해제 delegate(selector, type, fn) 매치된 요소에 이벤트처리기를 바인딩 동적으로 작성된 새로운 요소에서도 이벤트실행 undegate 매치된 요소에 이벤트 처리기를 제거 on(type, data, fn, map) on(type,..