jQuery문법
- jQuery를 사용하면 아주 간단하고 간편하게 HTML요소를 선택하고, 선택된 요소들을 손쉽게 특정 동작을 설정 할 수 있다.
$(선택자).동작함수();달러($)기호는 jQuery임을 의미하며,jQuery에 접근할 수 있게 해주는 식별자 역할을 한다.
$()함수의 인수로는 HTML태그 이름 뿐만 아니라, CSS선택자를 전달하여 특정 HTML요소를 선택할 수 있다.
Document 객체의 ready() 메소드
자바스크립트 코드는 웹 브라우저가 문서의 모든 요소를 로드한 뒤에 실행되어야 합니다.
<head>부분안에서 사용하거나 <body>안에서 실행되더라도 보통의 큰 문제가 발행하지는 않지만
아래와 같은 경우에는 오류가 발생합니다.
- 아직 생성되지 않은 HTML요소에 속성을 추가하려는 경우
- 아직 로드되지 않은 이미지의 크기를 얻으려는 경우
자바스크립트에서는 window객체의 onload()메소드를 이용하여 문서가 모두 로드된 뒤에 코드가 실행되도록 설정을합니다.
문법 1) 자바스크립트
window.onload=function(){
자바스크립트 코드;
자바스크립트 코드;
...
};문법 2) 제이쿼리
$(document).ready(function(){
제이쿼리 코드;
제이쿼리 코드;
...
});문법 2-1) 더욱 간단해진 제이쿼리
$(function() {
제이쿼리 코드;
제이쿼리 코드;
...
});
'javascript > jQuery' 카테고리의 다른 글
| jQuery - 제이쿼리란 무엇인가? (0) | 2021.08.30 |
|---|