전체
-
체인코드,jQuery: filter,addclass등 함수_210412(월)JAVASCRIPT 2021. 7. 22. 22:11
체인코드 1. ().().().(). 점으로 이어진 코드 2. 메서드를 가진 객체가 반환값으로, 이어지는 코드이다. filter() 로 선택하기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 js ver. //DOM의 선택과 탐색 $(function() { // 1. filter(): //$(selector).filter(selector) = 첫번째: 태그에서 두번째: 지정한 속성을 가진 요소 선택 $('h3').filter(':even').css({ backgroundColor : 'black', color : 'white' }) $('h3:odd').css({ backgroundColor : 'bl..
-
jQuery:선택자,ready(),val(),setTimeout(),each()_210409(금)JAVASCRIPT 2021. 7. 22. 00:58
jQuery 선택자 1 2 3 4 5 $('h1').css('color','red');//태그선택자 $('#ss').css('color','red');//아이디선택자 $('.cc').css('color','red');//클래스선택자 *//전체선택자 cs window.onload = function(){} $(document).ready(function(){})//window.onload와 동일한 역할 $(function(){})//window.onload와 동일한 역할 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 Insert title here $(document).ready(function() { document...
-
이벤트,예외처리_210409(금)JAVASCRIPT 2021. 7. 22. 00:48
EVENT onclick : 마우스 클릭 이벤트 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 Insert title here window.onload = function() { var header1 = document.getElementById('header1'); var header2 = document.getElementById('header2'); header1.onclick = function() { alert('header1을 클릭했습니다.'); }; function whenClick() { alert('header2를 클릭했습니다.'); } header2.onclick = ..
-
배열,객체,BOM,DOM_210408(목)JAVASCRIPT 2021. 7. 22. 00:43
배열 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126..
-
해지구달&랜덤영어날라다니기 실습_210409(금)JAVASCRIPT 2021. 7. 22. 00:40
실습 : 해 지구 달(삼각함수) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 Insert title here window.onload = function() { var sun = document.getElementById('sun'); var earth = document.getElementById('earth'); var moon = document.getElementById('moon'); // style속성변경 sun.style.position = 'absolute'; earth.st..
-
형변환,함수,객체,BOM_210407(수)JAVASCRIPT 2021. 7. 22. 00:36
형변환 String(),Number(),Boolean() 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 Insert title here //자료형변환함수 // 1. String() var num = 100; var str1 = String(num); var str2 = String(200); //숫자가 문자열 변환해 들어감 var str3 = String('문자열'); //자바는 에러걸리지만(같은 형인데 변환한다해서), 자바스크립트는 오류 안남 //document.write(..
-
변수,연산자,window이벤트_210406(화)JAVASCRIPT 2021. 7. 21. 23:42
JAVASCRIPT 식별자(변수이름) 생성자 함수의 이름은 대문자로 시작 변수와 인스턴스, 함수, 메서드 이름은 소문자로 시작 식별자가 여러 단어로 이루어지면 각 단어의 첫문자는 대문자.(카멜표기법) alert() = 함수 Array.length = 속성 input = 변수 true는 1 false는 0, 트루가 더 크다. alert( 20 > 10 > 5) = false 이유: 20 > 10에서 'true = 1' 그래서 1 > 5 'false' 1 2 3 4 5 6 7 8 9 /* 이스케이프문자(다 역슬래시) \n : 줄바꿈 \t : 수평탭 \' : 작은따옴표 \" : 큰따옴표 \\ : 역슬래쉬 */ cs 변수란 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 ..
-
HTML에 대한 이해_210406(화)HTML&CSS 2021. 7. 21. 23:34
HTML 에 대한 이해 WHY HTTP:// www.naver.com을 쳤을 때 어떤 과정으로 어떤 결과가 나오는지 알아야 html을 이해할 수 있다. "index.html" 네이버 주소를 쳤을때 네트워크에 열어달라는 리퀘스트를 보내고 IDC center Server라는 DNS Server에서 호출이 되는데 이런 규약들을 HTTP이라고 한다. DNS Server: 168.126.68.~~(IP,한국통신) 왜 네트워크는 네이버로 안가고 IDC center Server로 가서 호출? : IDC center Server에 우리나라의 모든 사이트 주소가 있다. ex) 내가 보낼 편지의 주소(네이버 주소)를 쓰고 우체국(DNS Server)에서 주소로 보내준다 네이버 -- request --> 네트워크..