게으른 개발자 되기

■ jQuery가 지원하는 이벤트 함수 $(selector).click(function) : 클릭 이벤트 $(selector).dblclick(function) : 더블클릭 이벤트 $(selector).focus(function) : 포커스 이벤트 $(selector).mouseover(function) : 마우스 오버 이벤트 ■ jQuery가 지원하는 효과 $(selector).hide() : 선택된 요소를 감춤 $(selector).show() : 선택된 요소를 보임 $(selecto..

jQuery 함수는 다음과 같은 형태를 가진다. <script type="text/javascript"> $( document ).ready( function() { $( "button" ).click( function() { $("p").hide(); }); }); </script> 위의 예제는 button 태그에 클릭 이벤트가 발생하면 p태그 요소의 내용을 감추는 코드이다. jQuery 함수는 반드시 $(document).ready( function() { ... 수행할 내..

선택자를 사용하여 HTML 문서의 하나의 요소나 요소들의 그룹을 선택할 수 있다. 선택자의 종류는 엘레멘트 선택자와 속성 선택자가 있다. 엘레멘트 선택자는 태그를 기준으로 선택하고, 속성 선택자는 태그의 속성을 기준으로 HTML 요소를 선택한다. ■ 엘레멘트 선택자 $("p") : <p>요소(문서안의 모..

jQuery 문법은 단순하다. jQuery는 선택자와 액션 함수로 구성되어 있으며 선택자는 HTML 요소를 지정하는 부분이고, 액션 함수는 지정한 HTML요소가 해야 할 행동을 지정한다. $(선택자).액션() 또한, 문서를 수정하기 위한 jQuery 함수들은 The Document Ready 함수 안에 작성되어야 한다. $(document).ready(function(){ --- j..

jQuery는 자바스크립트 라이브러리(Library)이다. jQuery는 배우기 쉽고, jQuery를 사용하면 자바스크립트 프로그래밍을 간단하게 할 수 있다. jQuery는 "적게 작성하고, 많은 것을 하라'라는 베이스에 충실하며, 비슷한 자바스크립트 프레임워크은 prototype.js보다 사용법이 간단하다. jQuery는 구글과 마이크로 소..

자바스크립트의 타이밍과 이벤트를 연결해 타이밍의 흐름에 따라 해야할 일을 지정할 수 있다. 이 때 사용되는 함수는 다음과 같다. setTimeout("실행할 함수", 밀리초); setTimeout()함수는 처리할 내용과 밀리초를 파라미터로 하여 밀리초가 경과한 후 처리할 내용을 호출한다. clearTimeout( 타이머 ) clearTimeout(..

<form>태그의 <select> 태그 객체를 가리킬 때 사용합니다. 셀렉트 객체는 옵션(<option>) 객체랑 함께 생각해야 합니다. 셀렉트 객체는 옵션 객체에 접근하는 방법을 제공합니다. 셀렉트 객체 자체에 접근하는 속성 length 속성 - 셀렉트 객체가 가진 옵션 리스트의 길이를 가져옵니다. disabled 속..

image-map(이미지맵)의 area 객체를 가리킵니다. Area 객체 속성 alt : 텍스트로 표현되는 값인 alt속성의 값을 반환합니다. coords : 맵의 영역을 반환합니다. shape : 이미지 맵의 영역의 모양을 나타냅니다. ( rect | circle | poly | default ) ※ 이미지에 맵을 걸어 링크를 걸었습니다. 이 맵의 링크 영역을 가르키는 것..

<input>태그의 type 속성이 radio 인 라디오 객체를 핸들링 하기 위한 방법을 제공합니다. <input type="radio" name="exam" id="exam" value="test"/>테스트 라디오 객체는 하나만 선택이 가능한 객체입니다. 따라서 여러 개의 라디오가 연결되어 사용될 때 라디오 객체를 다루는 방법입니다. 1. 라디오 버튼 체크 ..

문자열 처리 방법은 프로그래밍에서 매우 중요한 부분이다. 자바 스크립트에서 문자열을 처리하는 방법에 대해 알아보자. 두 개의 문자열을 하나로 합칠 때: + 연산자를 사용 txt1 = "문자열1"; txt2 = "문자열2"; txt3 = txt1 + txt2; document.write(txt3); --->[결과] 문자열1문자열2 두 문자열 사..