조작 관련 메서드 요소의 내용을 조작하는 메서드 요소를 추가하는 메서드 요소를 래핑하거나 바꿔치기하는 메서드 요소를 제거하거나 복사하는 메서드 1. 요소의 내용을 조작하는 메서드 text() 해당 개체가 가지고있는 컨텐츠를 html 요소를 포함하지 않는 텍스트로 반환 여러 개체를 선택할 경우, 모든 대상의 텍스트를 결합해 반환 html() 개체가 포함하고 있는 html 컨텐츠를 반환 여러 개체를 선택할 경우, 첫 번째 요소의 html만을 반환 test중 span 태그입니다 제목1 제목2 제목3 2. 요소를 추가하는 메서드 append() : 내부 뒤쪽 prepend() : 내부 앞쪽 after() : 외부 뒤쪽 brfoer() : 외부 앞쪽 $('요소') before prepend 요소 a..

val() click() on() next() text() html() each() 1. val() val() 요소의 value 속성 값을 문자열로 리턴 input type = "text" value = "hi $("input").val() => hi val(값) 요소에 입력값으로 받은 값을 적용 $("#tx1").val("hello"); document.getElementById("tx1").value = "hello"; 2. on(), click() on() 이벤트 연결 작업 $("#btn").on("click",function); jquery는 자주 사용하는 이벤트에 대해 단축메서드 지정 click() $("#btn").click(function); 3. next(), text(), html() n..

$(selector) 또는 jQuery(selector) 각각의 표현식은 각 DOM요소의 확장 개체인 jQuery 개체 집합을 반환 일반 DOM개체를 jQuery 개체집합으로 반환하여, jQuery개체가 지원하는 메서드 적용 가능 body태그 내의 모든 DOM 요소에 접근 가능 $("selector") selector로 읽어오는 개체의 반환값은 jquery에서 사용할 수 있는 개체 CSS선택자를 그대로 사용 1. 기본 선택자 $('*') : 전체 선택자 $('#id') : id 선택자 $('.className') : 클래스 선택자 $('tagName') : 태그 선택자 h1태그 h2 태그1 h2태그 2 div 태그 문단1 문단2 안녕 2. 자식선택..

가장 많이 사용되며 잘 만들어진 오픈 소스 자바스크립트 라이브러리 Rich웹 UI를 개발하는데 도움이 되는 다양한 기능들 지원 CSS에서 사용되는 선택자 개념으로 DOM 멤버에 접근 가능 플러그인 개념 도입, 기능 확장이 쉬움 특징 편리한 CSS 선택자 크로스 브라우저 지원 코드가 사용될 브라우저를 신경 쓸 필요가 없다 메서드 체이닝 메서드를 연속으로 사용 jquery가 제공하는 모든 메서드는 반환값이 효과가 반영된 jquery개체 때문에 메서드를 이어서 사용 가능 $(선택자).메서드().메서드().메서드(); $('tr:odd').css("font-weight","bold).css("color","blue"); Ajax 지원 풍부한 플러그인 지원 jQuery 사이트 1. jquery 사용..