JQuery5 객체 편집 메서드 실습 실습1] #add1 선택시 addList 객체를 조회하여 1차 지역과 일치하는 2차 지역목록으로 #add2에 출력하여라 :: 지역 선택 :: 전주 군산 익산 :: 지역을 선택해 주세요 :: 실습 2] .choice1 클릭시 choice2List 객체의 키와 일치하는 교수를 #choice2Wrap의 체크박스로 뿌려주고, #choice2Wrap 내에 생성된 교수를 클릭시 해당 교수가 담당하는 교과목을 #choice3Wrap의 choice3List 객체를 조회하여 체크박스로 뿌려주시오. 급수 선택 9급 7급 교수 선택 과목 선택 동적 바인딩을 이용해보자! each로 반복문 이용해서 체크박스 체크 된 것을 확인해서 다중으로 선택 했을때 선택 하위가 보여지도록 하기!! 2020. 3. 31. 수치 조작 메서드 & 객체 편집 메서드 1. 수치 조작 메서드 선택한 객체의 사이즈 및 위치 사이즈를 가지고 오거나 변경이 가능하다. 1) 1) $('선택자').width() - 선택된 대상의 가로 사이즈를 가지고 오거나 변경 $('body').width() 2020. 3. 30. 속성 조작 메서드 1) $('선택자').html() - 선택된 객체의 html 요소를 가지고 오거나 삽입한다. $('body').html(); 2020. 3. 30. jquery 시작하기 1. 제이쿼리란? 제이쿼리는 엄청 똑똑한 양반(존 레식 john Resig)이 자바스크립트를 이용해 만든 라이브러리 언어이다. 라이브러리 언어는 자바스크립트로 만들어진 다양한 함수들의 집합이다. 미리 만들어진 다양한 함수이기 때문에 필요할 때마다 사용자가 호출해서 사용하면 된다. 단, 자동완성 기능은 없다...ㅠ 2. 제이쿼리 라이브러리 연동하기 1] 다운로드 방식 (js) 제이쿼리 사이트에서 제이쿼리 라이브러리 파일을 직접 다운 받아 HTML에 불러오는 형식 ① 종류 종류 설명 jquery.js 소스에 들여쓰기, 줄 바꿈, 주석까지 정리된 비압축 파일로, 제이쿼리 자체를 개발 할때 유용 jquery.min.js 소스에 들여쓰기, 줄 바꿈, 주석이 무시된 압축 파일로, 소스가 압축되어 있어 용량이 작아 .. 2020. 3. 24. jquery - 탐색 선택자 1. 탐색 선택자 기본 선택자로 이미 선택된 객체를 한번 더 검색하여 객체를 반환하는 방식 - 선택된 것 중에서 검색 대표적인 탐색 선택자에는 위치 탐색 선택자와 속성 탐색 선택자가 있다. 2. 위치 탐색 선택자 기본 선택자로 선택한 요소는 배열에 담긴다. 배열의 인덱스로 특정 요소를 좀 더 정확하게 선택할 수 있다. ① $('선택자').first( ); 선택된 객체 중 첫번째 객체 요소를 반환한다. ② $('선택자').last( ); 선택된 객체 중 마지막 객체 요소를 반환한다. ③ $('선택자').eq(index); 선택된 객체 중 인수값과 일치하는 인덱스 요소 선택 반환한다. 인덱스이기 때문에 0부터 시작 3. 배열 관련 메서드 다중으로 선택된 객체를 반복문 형태와 비슷하게 풀 수 있다. ① $('.. 2020. 3. 24. 이전 1 다음 728x90 반응형
