재유's

입력 요소 값 가져오기 값 설정하기1$("셀렉터").val("내용"); 값 읽어 오기text, select(드롭다운)1var input = $("셀렉터").val(); 드롭다운요소의 경우 사용하지 않은 태그라 하더라도 value 속성값을 부여해야한다. 1234 --- 선택하세요 --- item 1 라디오 버튼의 경우 - 셀렉터가 여러개를 의미하는 경우이므로 그 중에서 선택된 항목만 지정하는 셀렉터를 사용해야 한다. - 라디오는 하나만 선택 가능하므로 가져온 결과 자체는 단일 값이다.1var input = $("셀렉터:checked").val(); 체크박스의 경우 - .checked 가상클래스를 통해 가져온 대상이 배열상태가 되므로 이를 반복문으로 처리해야 한다. - 배열의 요소는 선택된 체크 박스들에 대..

요소의 동적 생성 태그 안에 명시된 태그 요소를 객체화 하는 경우 태그 이름을 $() 함수에 전달한다.1var obj = $("div"); 태그 안에 명시되지 않은 태그 요소를 객체화 하는 경우태그 이름을 로 감싸서 $()함수에 전달한다.1var obj = $(""); 이렇게 생성된 요소들은 jQuery의 기능들을 적용할 수 있다.12var obj = $("div");obj.attr('id', 'hello').css(...).addClass('item');c 기존에 존재하는 요소를 복사하는 경우12var obj = $("#foo").clone();obj.arrr('id', 'helloworld'); - 모든 속성을 동일하게 복사하므로 id속성값 같은 경우(중복되어서는 안되므로)는 다른 값으로 변경해 주어..

요소의 탐색 메서드 체인 - 하나의 jQuery요소에 대하여 메서들 연속적으로 호출하는 기법 - 특별한 경우가 아닌이상 jQuery()의 함수들은 객체 자신을 리턴한다.1234ja$("#foo").attr(key, value) .css(key, value) .addClass(cls) .click(function() {})); 주변 요소 탐색하기함수 설명 prev() 이전 요소를 리턴한다. next() 다음 요소를 리턴한다. parent() 상위 요소를 리턴한다. children() 하위 요소(들)을 리턴한다. eq(n) n번째 요소를 리턴한다. 부모 요소 얻기주어진 셀렉터를 갖는 가장 인접한 부모 요소를 리턴한다.1$("#foo").parents("셀렉터"); 자식 요소 얻기주어진 셀렉터를 갖는 가장 인..

HTML 요소의 CSS 속성 제어 특정 요소에 적용되어 있는 속성값 조회하기1var foo = $("#bar").css('속성이름'); 특정 요소의 적용하기개별적용1$("#bar").css('속성이름', '값'); 일괄 적용(json 형태 사용)123456$("#bar").css({ 속성이름: '값', 속성이름: '값', 속성이름: '값', ... }); HTML 요소의 CSS 클래스 제어 CSS 클래스 적용여부 검사1var foo = $("#bar").hasClass('클래스 이름'); // true, false 리턴 CSS 클래스 적용1$("#bar").addClass('클래스 이름 클래스 이름 ...'); - 두 개 이상의 클래스를 적용하고자 하는 경우 공백으로 구분 CSS 클래스 삭제1$("#ba..