사용자 도구

사이트 도구


사이드바

language:jquery:basic

Basic

이런게 되는구나 개념만 이해하고,

  • jQuery는 css의 { id, class } 또는 html 태그(엘리먼트)를 선택할 수 있다.
  • 선택된 요소엘리먼트를 조작 또는 변경할 수 있다.
  • (어떻게 했는지 알 필요는 없지만) 마우스의 클릭과 같은 이벤트 발생시, html과 css상의 엘리먼트를 조작할 수 있다.

첫번째 jQuery

$(document).ready(function() {
  $('.poem-stanza').addClass('emphasized');
})
  • jQuery에서 엘리먼트를 선택하는 것은 $() , 괄호 안에 선택할 엘리먼트를 적는다.
    • document (html 문서 전체) 엘리먼트DOM객체를 선택해서
    • 해당 엘리먼트에서 사용할 수 있는 javascript 함수를 사용한다.
  • document DOM 객체에서 사용할 수 있는 (내가 이해하는 것으로는) ready()함수에서
  • '.poem-stanza' css 요소를 찾아서 'emphasized' 클래스 요소를 동적으로 갖다 붙인다.

다시 정리하면

  • $() : 엘리먼트DOM 객체를 선택하는 키워드. 이것으로부터 모든 것이 시작된다.
  • 해당 엘리먼트에서 사용할 수 있는 javascript 요소로 동적으로 컨트롤이 가능해진다.
language/jquery/basic.txt · 마지막으로 수정됨: 2013/06/11 21:56 저자 kieuns