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

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

$(document).ready(function() {
  $('.poem-stanza').addClass('emphasized');
})

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

• $() : 엘리먼트^{DOM 객체}를 선택하는 키워드. 이것으로부터 모든 것이 시작된다.
• 해당 엘리먼트에서 사용할 수 있는 javascript 요소로 동적으로 컨트롤이 가능해진다.

api.jquery.com / w3schools jquery / jqueryui.com

오브젝트에 움직임을 부여할때 사용하는 것으로,
css 속성자^Property의 값^Value의 값이 시간을 두고 변화 되는 것을 볼 수 있다.