사용자 도구

사이트 도구


language:jquery:basic

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판이전 판
language:jquery:basic [2013/06/11 21:56] kieunslanguage:jquery:basic [2021/06/05 18:34] (현재) – 제거됨 kieuns
줄 1: 줄 1:
- 
-====== Basic ====== 
- 
-이런게 되는구나 개념만 이해하고, 
- 
-  * jQuery는 css의 { id, class } 또는 html 태그(엘리먼트)를 선택할 수 있다. 
-  * 선택된 요소<sup>엘리먼트</sup>를 조작 또는 변경할 수 있다. 
-  * (어떻게 했는지 알 필요는 없지만) 마우스의 클릭과 같은 이벤트 발생시, html과 css상의 엘리먼트를 조작할 수 있다. 
- 
-===== 첫번째 jQuery ===== 
- 
-<code javascript> 
-$(document).ready(function() { 
-  $('.poem-stanza').addClass('emphasized'); 
-}) 
-</code> 
- 
-  * jQuery에서 엘리먼트를 선택하는 것은 $() , 괄호 안에 선택할 엘리먼트를 적는다. 
-    * document (html 문서 전체) 엘리먼트<sup>DOM객체</sup>를 선택해서 
-    * 해당 엘리먼트에서 사용할 수 있는 javascript 함수를 사용한다. 
-  * document DOM 객체에서 사용할 수 있는 (내가 이해하는 것으로는) ready()함수에서 
-  * '.poem-stanza' css 요소를 찾아서 'emphasized' 클래스 요소를 동적으로 갖다 붙인다. 
- 
-===== 다시 정리하면 ===== 
- 
- 
-  * $() : 엘리먼트<sup>DOM 객체</sup>를 선택하는 키워드. 이것으로부터 모든 것이 시작된다. 
-  * 해당 엘리먼트에서 사용할 수 있는 javascript 요소로 동적으로 컨트롤이 가능해진다. 
- 
  
language/jquery/basic.1370955417.txt.gz · 마지막으로 수정됨: 2024/04/23 22:43 (바깥 편집)