목록jQuery/개념 (3)
하이오리
함수 선언. function hideFunc{ $("div").hide(); } hideFunc(); 함수 표현식. var showFunc = function(){ $("div").show(); } $("#warp").click(showFunc); 함수 선언과 함수 표현식의 차이점. => 타이밍!! 함수 선언을 사용하면 아무때나 사용할 수 있다. (페이지 불러오자마자 사용할 수 있음) 함수 표현식은 자바스크립트 해석기가 해당 표현식을 만나야만 사용할 수 있다.
이벤트 등록 방법. 1. 페이지를 불러올 때. (단축메서드라고 함) $("#wrap").click(function(){ alert("첫 번째 방법"); }); 2. 페이지를 불러온 뒤에 추가된 요소에 이벤트 리스너를 등록할 때. (DOM요소를 새로 만들었을 때) $("#wrap").bind('click',function(){ alert("두 번째 방법"); }); - 첫 번째 방법은 DOM요소가 이미 존재 해야만 쓸 수가 있다. - 클릭할 수 있는 이미지를 추가 하거나 대화형 목록에 항목을 추가하는 등의 동적으로 DOM요소가 추가 되었으면 두 번째 방법을 사용해야 한다.
jQuery에서의 $란? $는 jQuery의 단축표기. [ jQuery() ->$() ] jQuery() jQuery함수를 jQuery래퍼라고 부르기도 함. jQuery()는 괄호안에 넣은 요소를 선택하는 역할을 함. jQuery() 사용. 1. CSS Selector : CSS선택자를 넣으면 선택자에 맞는 요소를 반환. (가장 많이 사용) $("#myDiv").css({"color":"red"}); $("#myDiv").slideUp(); 글자 2. HTML : HTML 문자열을 넣으면 브라우저상의 페이지에 바로 요소를 추가할 수 있음. $("p").append("집어넣기"); 기존글 3. JavaScript Object : 아직 예시 없음.