api.jquery.com 참고 ! 기본 $('input').on('click', function() { $this = $(this); $('*').removeClass('selected'); //attr : 요소의 속성 switch ($this.attr('value')) { case '#jquery': //id 선택자 $('#jquery').addClass('selected'); break; case '.tutorial': //class 선택자 $('.tutorial').addClass('selected'); break; case 'li': //element 선택자 $('li').addClass('selected'); break; case '#jquery, #MYSQL': //다중 선택자 $('#jqu..

문법 : jQuery('엘리먼트 오브젝트' or 'CSS 스타일 선택자') 인자로 전달된 요소들에 jQuery의 기능성을 부가해서 반환 $와 jQuery(엘리먼트)는 같은 의미 $를 사용하는 다른 라이브러리들과의 충돌 때문에 아래처럼 사용 - 안전하게 래퍼 사용하는 방법 1.jQuery라는 이름으로 사용 //$ 대신 jQuery를 사용 jQuery('body').html('hello world'); 2. $를 함수의 지역변수로 선언해서 외부에 있을지 모르는 타 라이브러리의 $와의 충돌을 예방 (function($) { $('body').html('hello world'); })(jQuery) //함수를 선언함과 동시에 호출 $안에 jQuery가 전달돼서 안전하게 $ 사용 가능 - 제어 대상을 지정하는 방..

jquery? 자바스크립트의 라이브러리 엘리먼트를 선택하는 방법 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단 제공 문법 : $('제어대상').method1().method2(); //주어 .서술어 .서술어 . 으로 연결하여 여러개의 메소드 제어 가능 > chain 속성 welcome이라는 클래스명을 가진 요소를 선택하여 html 추가 및 css 제어