ssu

2021/02/15 - [IT국비교육] - Index jQuery 2021/02/20 - [IT국비교육/jQuery] - jQuery 이벤트/기타 관련 메소드 - jQuery 1. 비동기 방식 구현 메소드 메소드 이름 설명 $.ajax({ url : “서버URL주소” , type : “get” or “post” , data : “피라미터명=값&~” or {파라미터명: 값,~} , dataType : “서버가응답하는페이지종류” , timeout : 제한시간 , cache : 이전 요청에 대한 캐쉬 저장하면 true 아니면 false , success : function(서버의응답물저장매개변 수) { 통신 성공 시 실행할 코드; } , error : function(xhr, textStatus, errorT..

jQuery 2021. 2. 22. 01:09

2021/02/15 - [IT국비교육] - Index jQuery 2021/02/19 - [IT국비교육/jQuery] - jQuery CSS설정/애니메이션 관련 메소드 - jQuery 1. 이벤트 관련 메소드 메소드 이름 설명 $(“선택자”).bind(“이벤트명”, function() { ~ } ) 선택자가 가리키는 태그에 지정한 1개의 이벤트 발생 시 익명 함수 실행 $(“선택자”).bind(“이벤트명1 이벤트명 2 이벤트명3”, function() { ~ } ) 선택자가 가리키는 태그에 지정한 여러 개의 이벤트 발생 시 익명 함수 실행 $(“선택자”).bind( “이벤트명1", function() { ~ } , "이벤트명2", function() { ~ } , "이벤트명3”, function() { ..

jQuery 2021. 2. 20. 23:54

2021/02/15 - [IT국비교육] - Index jQuery 2021/02/18 - [IT국비교육/jQuery] - jQuery 태그/배열 관련 메소드 - jQuery 1. CSS 설정 관련 메소드 메소드 이름 설명 $(“선택자”).css( ‘css속성명’, ‘css속성값’ ) 선택자가 가리키는 태그들에 하나의 css 속성값을 적용 $(“선택자”).css( ‘css속성명’, function(~) { ~ return css속성값; } ) 선택자가 가리키는 태그들에 각각 리턴된 css 속성값을 적용 $(“선택자”).css( { ‘css속성명’:‘css속성값’, ~ } ) 선택자가 가리키는 태그들에 하나 이상의 css 속성값을 적용 일회성 사용자 정의 객체형식(JSON) 2. 애니메이션 관련 메소드 메소..

jQuery 2021. 2. 19. 01:44

2021/02/15 - [IT국비교육] - Index jQuery 2021/02/18 - [IT국비교육/jQuery] - jQuery 삽입/삭제 관련 메소드 - jQuery 1. 태그의 속성 관련 메소드 메소드 이름 설명 $(“선택자).prop(‘프로퍼티명’) 선택자가 가리키는 태그를 관리하는 DOM 객체의 프로퍼티명의 저장값을 리턴 ※ 객체의 속성변수를 프로퍼티라고도 함 주로 checkbox, radio 태그의 체크 여부를 알고 싶을 때 사용 $(“선택자).prop(‘프로퍼티명’, ‘프로퍼티값’) 선택자가 가리키는 태그를 관리하는 DOM 객체의 프로퍼티명에 프로퍼티값을 저장 주로 checkbox, radio 태그의 체크 여부를 세팅하고 싶을 때 사용 $(“선택자).attr(‘속성명’) 선택자가 가리키는..

jQuery 2021. 2. 18. 23:39

2021/02/15 - [IT국비교육] - Index jQuery 2021/02/17 - [IT국비교육/jQuery] - jQuery 삽입 관련 메소드 - jQuery 1. jQuery 삽입/삭제 관련 메소드 메소드 이름 설명 $(“선택자”).remove() 선택자가 가리키는 태그와 후손 모두 지움 $(“선택자”).empty() 선택자가 가리키는 태그의 후손 모두 지움 $(“선택자”).addClass(“클래스명”) 선택자가 가리키는 태그에 class=“클래스명”을 삽입 $(“선택자”).addClass( function(index, value) { ~ return “클래스명”; } ) 선택자가 가리키는 태그들에 차례대로 접근해서 익명함수를 실행하여 리턴된 클래스명을 class=“클래스명”으로 적용 inde..

jQuery 2021. 2. 18. 01:27

2021/02/15 - [IT국비교육] - Index jQuery 2021/02/17 - [IT국비교육/jQuery] - jQuery 객체 반환 메소드 - jQuery 1. jQuery 삽입 관련 메소드 메소드 이름 설명 $(document).ready(function() { ~ }) body 태그 안의 외부 리소스, 이미지를 뺀 요소들만 로드 완료 후 익명 함수를 실행 ※ $(document).ready(finction() { ~ })를 2개 이상 선언 가능(차례대로 실행됨) ※ $.ready(function() { ~ }), $(function() { ~ })처럼 써도 됨 ※ window.onload(function() { ~ }) 외부 리소스, 이미지 요소들까지 로드 완료된 후 함수를 실행 (함수 ..

jQuery 2021. 2. 17. 23:48

2021/02/15 - [IT국비교육] - Index jQuery 2021/02/16 - [IT국비교육/jQuery] - jQuery 객체의 선택자 - jQuery 1. jQuery 객체 반환 메소드 메소드 이름 설명 $(“선택자1”).add(“선택자2”) 선택자1과 선택자2를 관리하는 jQuery 객체 리턴 $(“선택자1, 선택자2”)와 동일 $(“선택자1”).children(“[선택자2]”) 선택자1이 가리키는 태그의 자식 요소 중 선택자2가 가리키는 태그를 관리하는 jQuery 객체 리턴 선택자2 생략 시 선택자1이 가리키는 태그의 모든 자식 요소를 의미 $(“선택자”).parent() 선택자가 가리키는 태그의 부모 태그를 관리하는 jQuery 객체 리턴 $(“선택자1”).parents(“선택자2”..

jQuery 2021. 2. 17. 02:18

2021/02/15 - [IT국비교육] - Index jQuery 2021/02/15 - [IT국비교육/jQuery] - jQuery란? - jQuery 1. jQuery 선택자(selector) HTML 문서 내의 태그를 가리키는 방법입니다. 태그를 지칭하는 방법론입니다. 2. 선택자(selector)의 종류 - 기본 선택자 종류 기본 선택자 이름 설명 $(this) 현재 이벤트가 발생한 jQuery 객체 $(“.클래스속성값”) class=“클래스속성값”을 가진 요소를 관리하는 jQuery 객체 리턴 태그 안에서 class=“클래스명”을 가진 요소는 1개 이상 선언 가능 태그 안에서 class=“클래스명1 클래스명2” 형태로 한 번에 클래스명 2개 선언 가능 태그 안에서 존재하지 않는 클래스명을 사용하..

jQuery 2021. 2. 16. 01:25