초보개발자 초보개발자

전체 글

• 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..

  Read More
• 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,..

  Read More
• jQuery(preventDefault())

  jQuery 2020. 5. 1. 12:31

  preventDefault() - 이벤트의 기본 기능을 막음 혹은 return false를 줘도 이벤트가 실행이 안된다.

  Read More
• jQuery(hover)

  jQuery 2020. 5. 1. 12:27

  hover 1. script에서 hover 스타일 주기 2. css에서 hober 스타일 주기 3. css style에 class 정의해놓고 추가/삭제 4. toggleClass("클래스") toggleCalss("클래스")는 hover와 다르게 function(){}을 한개만 지정하기 때문에 클릭같은 이벤트에 적용 5. hasClass("클래스")

  Read More
• jQuery(event)

  jQuery 2020. 5. 1. 11:24

  event.target : 이벤트가 발생한 객체 event.pageX, event.pageY : 문서의 좌상단을 기준으로 한 마우스의 좌표 event.screenX, event.screenY : 화면상의 좌표 event.button : 눌러진 마우스 버튼 - 0 : Left mouse button - 1 : Wheel button or middle button (if present) - 2 : Right mouse button

  Read More
• jQuery( prop() )

  jQuery 2020. 4. 29. 13:37

  prop() - 속성상태 설정 및 상태 얻기 - HTML태그의 속성 중 속성 이름 없이 사용되는 속성을 설정하거나, 설정 여부를 알 수 있는 메소드 (checked, selected, diasbled, readonly, multiple ) set - $(selector).prop(" 속성명 ", true), $(selector).prop(" 속성명 ", false) -> true이면 속성 설정, false이면 해제 get - $(selector).prop("속성명") -> 해당 속성이 설정되어 있으면 true, 없으면 false 반환 prop("속성명") -> get

  Read More
• jQuery(속성관련 메소드 attribute)

  jQuery 2020. 4. 29. 12:19

  속성관련 메소드(attribute) attr(name) 매치된 첫 번째 요소의 특정 attribute에 접근하여 값을 가져온다. 만일, 지정된 attribute명이 존재하지 않는다면 undefined가 반환 attr(properties) 모든 매치되는 요소들의 attribute를 key / value 개체로 설정한다. attr(key, value) 모든 매치되는 요소들의 단일 속성의 값을 지정한다. attr(key, fn) 모든 매치되는 요소들의 단일 속성에 대해 계산된 값을 지정 removeAttr(name) 매치된 요소 각각으로부터 해당 속성을 제거한다. attr(name) * 문자열 추출 - substring(시작점, 종료점) : 시작점부터 종료점까지의 문자열 - substr(시작점, 길이) : 시..

  Read More
• jQuery( 메소드)

  jQuery 2020. 4. 29. 11:13

  메소드 add() 선택확장 addBack() 현재 선택한 요소와 함께 이전에 선택한 요소도 선택 addClass() 클래스 값을 추가하는 메서드 next(), nextAll(), nextUntil(selector) 선택요소의 다음 형제들 prev(), preveAll(), prevUntil(selector) 선택요소의 이전 형제요소들 parent(), parents(), parents(selector), parentsUntil(selector) 선택요소의 부모요소 siblings(0, siblings(selector) 선택요소의 앞 뒤 모든 요소들 content() 선택요소의 자식요소들, 텍스트 및 주석도 리턴 children(), 선택요소의 자식요소들, 텍스트 노드는 반환되지 않음 find() 선택요소..

  Read More