jQuery 시작하기


jQuery 시작하기

$(document).ready(function() {
  // HTML을 불러오고 DOM을 구성된 다음 실행되는 코드
});

// 약식 표현
$(function() {
  // CODE...
});


// 노드를 찾아 변수에 저장하고, 찾은 노드의 갯수를 구하기
var $li = $("li");
$li.length

// 묵시적 반복
// 선택된 객체집합 내의 모든 요소들에 대해 루프를 수행한다.
// 만약, 객체집합 내의 정보를 얻어오고 싶다면 .each() 메서드를 사용해야한다.

// 메서드 체이닝
// jQuery 객체집합을 수정하기 위한 대부분의 메서드는 체이닝이 가능하다.
// 그러나 DOM을 조회하는 메서드들은 체이닝으로 연결할 수 없다.
$("li").hide().delay(100).fadeIn(1400);

다른 라이브러리와의 충돌방지

<script src="other_lib.js"></script>
<script src="jquery.js"></script>
<script>
  $.noConflict();
  jQuery(document).ready(function($) {
    // jQuery의 $를 사용하는 코드.
  });
  // 다른 라이브러리의 $를 사용하는 코드.
</script>
SHARE