가카리의 공부방

on 메소드를 활용한 이벤트 연결 다음예제는 h1을 클릭시 +를 추가해주는 예제입니다. DOCTYPE html> $(document).ready(function (){ //이벤트에 연결합니다. $('h1').on('click', function(){ $(this).html(function(index, html){ return html + '+'; }); }); }); Header-0 Header-1 Header-2 실행화면 on메소드를 이용한 이벤트 추가 두 번째 예제 DOCTYPE html> .reverse { background: black; color: white; } $(document).ready(function (){ //이벤트에 연결합니다. $('h1').on('click', function..

자바스크립트에서 배열에 들어 있는 내용을 HTML 페이지에 표시하기 위해서 $,each 메소드를 사용하는 법을 봅시다. 다음과 같이 array를 선언후 for문처럼 사용하는 $.each 메소드를 통해서 모든 name과 link 항목을 innerHTML 시키는 예제입니다. DOCTYPE html> Insert title here $(document).ready(function(){ var array = [ {name: 'hanbit', link: 'http://hanb.co.kr'}, {name: 'daum', link: 'http://daum.net'}, {name: 'naver', link: 'http://naver.com'} ] $.each(array, function(index, item){ var..

Input 태그의 text와 textarea는 기본 HTML 엘리먼트들입니다. JQM에서 모바일에 사용하기 유용하도록 변환해줍니다. Text input은 문자열을 입력받을 경우에 사용하며, input 태그에 type=”text” 속성을 사용하여 생성합니다. 같이 사용하는 label태그의 for 속성의 값과 input태그의 ID 값으로 매칭됩니다. 이 두가지 엘리먼트를 하나의 그룹처럼 하기 위해 div태그로 감싸고 data-role=”fieldcontain” 속성을 추가합니다. Text Input: Password input은 비밀번호를 입력받을 경우에 사용하며, input 태그에 type=”password” 속성을 추가하여 사용합니다..