안녕하세요.
https://blog.naver.com/sysysy0302 여니입니다 :)
+
jquery를 이용하면 javascript로 작업하는 향상성이 10배 20배 정도 향상된다.
jquery는 javascript를 기반으로 하기 때문에 미리 javascript를 사전지식으로 배우고 사용하는 것이 더 좋다.
[ jQuery란? ]
* 라이브러리란?(library)
자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드들
* jQuery란?
1. 엘리먼트를 선택하는 강력한 방법과
2. 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는
3. 자바스크립트 라이브러리
* Hello world - 첫번째 jQuery
사용방법
1. 직접 서비스 하는 경우
1. http://jquery.org에서 jquery 소스코드를 다운로드 한다.
2. 위의 파일을 서버에 업로드 한 후 웹페이지 안에서 자바스크립트를 삽입한다.
2. 구글의 자바스크립트 라이브러리를 사용하는 경우
1. http://code.google.com/intl/ko-KR/apis/libraries/divguide.html#jquery
* jQuery의 문법
$(제어대상).method1().method2();
주어 서술어
<html>
<body>
<div class="welcome"></div>
<div class="welcome"></div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$('.welcome').html('hello world! coding everybody!').css('background-color','yellow');
</script>
</body>
</html>위의 두번째 script 코드 부분처럼
$(제어대상).method1().method2()...... ;
형식으로 .을 찍고 뒤에 method들을 붙여서 제어할 수 있는 것을 '체인'이라고 한다.
다음글>>
2023.07.09 - [VsCode(HTML)/4. JQUERY] - JQUERY - 2. javascript VS jquery
+ 아래의 링크를 통해 공부내용을 참고하였습니다.
'VsCode(HTML) > 3. JQUERY' 카테고리의 다른 글
| JQUERY - 6. 이벤트 event (0) | 2023.07.09 |
|---|---|
| JQUERY - 5. Chain (0) | 2023.07.09 |
| JQUERY - 4. 선택자 (0) | 2023.07.09 |
| JQUERY - 3. wrapper (0) | 2023.07.09 |
| JQUERY - 2. javascript VS jquery (0) | 2023.07.09 |
