. val() 일치하는 집합에 있는 첫 번째 엘리먼트의 value 프로퍼티를 반환 다중선택이 가능한(multiple 어트리뷰트가 true인) 엘리먼트는 배열을 return ※ 체크박스, 라디오 버튼이 선택되었는지에 관계없이 value 어트리뷰트의 값을 return한다. 아무것도 선택되지 않았다면 undefined를 return $('[name=radioGroup]:checked').val() . val(value) 매개변수로 전달된 값을 일치하는 모든 폼 엘리먼트의 value 프로퍼티로 설정 . val(values=Array) 전달된 values 배열의 값과 일치하는 확장 집합에 있는 체크박스, 라디오 버튼을 선택하고, 엘리먼트의 옵션을 선택 $('input,select').val(['하나','둘','셋..

. html() 일치하는 집합에서 첫 번째 엘리먼트의 HTML 콘텐츠를 가져온다. 엘리먼트의 innerHTML 프로퍼티 값과 동일 . html(text) 전달된 HTML 코드를 모든 일치하는 엘리먼트의 콘텐츠로 설정 . text() 확장 엘리먼트의 모든 텍스트 콘텐츠를 결합하여 return . text(content) 모든 확장 엘리먼트의 텍스트 콘텐츠를 전달된 값으로 설정 content에 ''를 포함한다면, HTML 엔티티로 대체된다. ※ ''는 '>'로 대체 ※ http://www.w3schools.com/HTML/html_entities.asp . append(content=String|Element|Object) 일치하는 모든 엘리먼트의 콘텐츠에 전달된 HTML코드나 엘리먼트를 덧붙인다. $('p..

. addClass(names) 매개변수로 전달된 하나 이상 되는 클래스명을 확장 집합의 모든 엘리먼트에 추가 여러 클래스명을 추가할 때는 공백으로 구분 . removeClass(names) 매개변수로 전달된 하나 이상의 클래스명을 확장 집합에 있는 모든 엘리먼트에서 제거 . toggleClass(name) 매개변수로 전달된 클래스명이 엘리먼트에 존재하지 않으면 추가하고, 존재한다면 제거 각 엘리먼트 개별로 처리되므로 추가되기도 제거되기도 한다. function swap() { $('tr').toggleClass('striped'); } . css(name, value=String|Number|Function) 일치하는 각 엘리먼트에 name 매개변수의 CSS 스타일 프로퍼티를 value 매개변수로 설정..

. 집합을 순회하면서 전달된 반복자 함수를 엘리먼트마다 호출 : each(iterator) 함수의 인자 n은 0 부터 시작하는 인덱스를 매개변수로 받는다. 함수로 처리된 확장 집합을 return한다. $('img').each( function(n) { this.alt = '아이디가 ' + this.id + '인 image['+n+']이다.'; } ); var allAlts = new Array(); $('img').each( function(n) { allAlts.push( this.alt ); } ); . 일치하는 집합의 첫 번째 엘리먼트에서 명시된 어트리뷰트의 값을 얻는다. : attr(name) 일치하는 집합이 없거나, 첫 번째 엘리먼트에 어트리뷰트가 없다면 undefined를 반환 $("#myIm..

. 확장된 집합의 크기(개수) : length, size() $('#someDiv').html('페이지에는 총 '+$('a').size()+'개의 링크가 있다.'); . 확장된 집합에서 (하나 또는 모든) 엘리먼트 획득하기 : [0], get(0) $('img[alt]')[0] 또는 $('img[alt]').get(0) var allLabeledButtons = $('label+button').get(); . 인덱스 확인 : index(element) 발견되지 않으면 -1 return var n = $('img').index( $('img#findMe')[0] ); * element 집합을 전달할 경우, 첫 번째 엘리먼트의 인덱스를 반환 . 확장 집합에 다른 엘리먼트 추가하기 : add(jQuery셀렉터..

$("hi") $("div>") ← $("") 나 $("") 와 동일하다. $("I have foo!I don 't") .filter(".foo").click( function() { alert("I'm foo!"); } ).end() .appendTo("#someParentDiv"); - 엘리먼트를 2개 생성하고 첫 번째 엘리먼트에는 foo 클래스가 있고, 다른 하나에는 없다. 생성한 다음 foo 클래스를 가진 엘리먼트를 클릭하면, 경고 메시지를 띄우는 이벤트 핸들러를 바인딩한다. end() 메서드를 이용해 필터링 이전의 두 엘리먼트를 지닌 집합으로 돌아간 뒤, ID가 someParentDiv인 엘리먼트에 덧붙인다. * 블록을 생성한다고 해서 바로 로드된다고 보장할 수 없다.