선택자 및 메서드 1
jq의 cdn 작성 위치와, cdn다운받는 곳 - code.jqeury.com jq의 기본 구문 작성법 $(selector).method(); ------------------- 기본선택자 5가지 이상 - 요소(태그명), 아이디(#), 클래스(.), 종속( ), 자식(>), 이웃(+), 형제(~), 그룹(,), 모든(*)선택자 탐색선택자 5가지 이상(구조, 순서) li를 예로 들면, - li:first-child - li:last-child - li:nth-child(n) - li:nth-child(2n+1) - li:nth-last-child(n) ... 제이쿼리 선택자(짝홀수, 2번째, 첫번째, 마지막li, 3번째 뒤에 있는 모든 li, 3번째 앞에 있는 모든 li) - li:even - li:odd..
더보기
jQ 5 - each()
each() : 배열객체를 순서대로 순환하는 메서드이다. $(셀렉터).each(function(){....}) 와 같이 작성하는데, function의 ()안에는 2개의 인자값이 들어가고, 첫번째는 index순서, 두번째는 배열의 값이 들어간다. each(function(index, item){...})와 같다. $(셀렉터).each()에서 셀렉터는 배열객체가 된다. 1. 배열객체를 초기화 해두고, 여기에서 객체의 value값을 순서대로 가져오는 방법을 본다. $(function(){ let arr = [ {name : '네이버', link : 'https://www.naver.com'}, {name : '다음', link : 'https://www.daum.net'}, {name : '구글', link ..
더보기
자바스크립트 14 - 객체 조작하기
BOM()객체 연습 1. window.open() : 새창 열기 첫번째 인자 : 주소값, 두번째 인자 : 새창 이름 세번째 인자 : 크기, 위치 등 기타 정보 window.open('https://www.naver.com/','pop1','width=450, height=550'); 2. 새창을 열고, screen 객체의 width, height 정보를 담아, 새창의 size를 재지정하고, 위치를 이동시킬 수 있다 screen.width : 화면의 가로크기값을 반환 screen.height : 화면의 세로크기값을 반환 moveTop(0,0) : 새창의 위치를 지정 resizeBy(w,h) : width, height를 재지정할 수 있다. let child = window.open('','','width=..
더보기
자바스크립트 10 - 객체 (배열과 객체 생성비교)
1. 배열선언방법 자바스크립트의 기본 자료형 : 숫자, 문자, 불, 함수, object, undefined var array1 = [123, '고구마', function(){}, {}]; var array2 = [{},{},{},{},{}]; 인덱스와 요소로 구성됨 array1[0]=>123, array1[1]=>'고구마' 배열은 객체를 기반으로 한다. 2. 배열 객체 선언방법 크기를 지정하지 않고 선언 var array1 = new Array(); 값을 넣는 법 array1[0] = "지수"; 크기를 지정하고 선언 var array1 = new Array(5); 5개만 값이 들어올 수 있음 var array1 = new Array('지수', 183, 67); 기타 배열 메서드 활용법 (이 외에 다양한 ..
더보기