[JS] jQuery기본

[JS] jQuery기본

 jQuery란?

1. 엘리먼트를 선택하는 강력한 방법과
2. 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는
3. 자바스크립트 라이브러리

jQuery사용법

구글의 자바스크립트 라이브러리를 사용하는 경우(추천)

• https://developers.google.com/speed/libraries/
• 위의 사이트 들어가서 나오는
• 아래의 코드 추가
• <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">

 직접 서비스 하는 경우

• http://jquery.org에서 jquery 소스코드를 다운로드 
• 위의 파일을 서버에 업로드 한 후 웹페이지 안에서 자바스크립트를 삽입

---

jQuery의 문법

$(제어대상).method1().method2();

       주어                  서술어          

• ex) $('.welcome').html('hello world! coding everybody!').css('background-color','yellow');
• $는 jQuery로 교체해도 무방함
• .welcome = weclome이라는 클래스명을 가지고 있는 엘리먼트들을 찾아냄
• 그 후 그 엘리먼트들에게 css효과를 한번에 냄
• html메소드를 이용해서 hello world! coding everybody라는것을 텍스트 영역에 넣어줌
• (html) 은 jQuery가 제공하는 API
• .css('background-color','yellow') : css속성을 주는데 배경색을 옐로우로
• $('.welcome').html('hello world! coding everybody!').css('background-color','yellow');
• $('.welcome').css('background-color','yellow'); 
• 둘 다 css문법에 맞는 것들
• 이것들을 chain이라 부름. 사슬처럼 얽혀 있다

---

참고

•  https://opentutorials.org/course/53/45