본문 바로가기

jQuery/jQuery Tutorial6

jQuery Mobile 아이콘 안녕하세요!! 이번에 포스팅할 jQuery Mobile 내용은 아이콘 입니다. jQuery Mobile 은 아주 쉽게 아이콘을 생성할 수 있습니다. 오늘 그 부분에 대해서 알아보겠습니다. 우선 아래 간단한 소스를 보면서 설명드리겠습니다. Left Arrow Button // 위 구문에서 중요하게 보아야 할 곳은 붉은색으로 표시된 부분입니다. data-icon="arrow-l" 입니다. 여기서 l 은 left 의 줄임말이라고 보면 되겠습니다. 위 구문을 실행하면 아래와 같은 화면이 나오게 됩니다. // 위 그림을 보면 좌측에 아이콘이 생긴것을 확인할 수 있습니다. 이렇게 아이콘을 만들고 싶은 경우 data-icon 을 이용하여 사용하고 싶은 아이콘을 적어주기만 하면 됩니다. 아래 내용은 기타 아이콘들에 대.. 2013. 11. 7.
jQuery Events hover(), focus(), blur() 이번 장에서는 jQuery Event 중에서 hover(), focus(), blur() 에 대해서 알아보겠습니다. hover() 마우스가 HTML 요소에 오버되었을때 한번 함수가 실행되고, 마우스가 HTML 요소를 떠날때 두 번째 함수가 실행됩니다. $("#p1").hover(function(){ alert("You entered p1!"); }, function(){ alert("Bye! You now leave p1!"); }); 관련예제 이곳에 마우스를 가져오고 또 벗어나보세요! -------------------------------------------------------------- focus() form 의 양식에 포커스를 받았을때 실행되는 함수 입니다. $("input").focus(f.. 2013. 5. 10.
jQuery events mouseenter(), mouseleave(), mousedown(), mouseup() 이번장에서는 jQuery 이벤트중 mouseenter(), mouseleave(), mousedown(), mouseup() 마우스와 관련된 이벤트에 대해서 알아보겠습니다. ------------------------------------------------------- mouseenter() 마우스 다가왔을때 발생하는 이벤트입니다. $("#p1").mouseenter(function(){ alert("You entered p1!"); }); 관련예제 Enter this paragraph. ↓ ↓ ↓ 마우스를 아이디값 p1에 올렸을때 alert 메시지를 보여 줍니다. ------------------------------------------------------- mouseleave() 마우스가 자리.. 2013. 5. 10.
jQuery Events ( click(). dbclick() ) jQuery 는 html 이벤트를 만들수 있습니다. 이벤트(Events)가 무었인지 알아보겠습니다. 웹 페이지가 응답 할 수있는 모든 다른 방문자의 행동을 이벤트라고합니다. 이벤트는 무언가가 일어나는 순간을 나타냅니다. 관련예제 어떤 요소에 마우스가 오버되었을 경우 라디오버튼을 선택했을 경우 클릭 이벤트가 발생했을 경우 마우스 이벤트에는 click, dbclick(더블클릭), mouseenter(마우스오버), mouseleave(마우스아웃) 등이 있고 키보드 이벤트에는 keypress(키보드클릭), keydown, keyup 등이 있고 폼 이벤트에는 submit, change, focus, blur 등이 있고 Document/Window 이벤트에는 load, resize, scroll, upload 등이.. 2013. 5. 10.
jQuery Selectors jQuery Selectors jQuery Selectors는 html elements를 선택할수 있고 조작을 할 수 있습니다. CSS를 기반으로 하며 id, class, type, attributes(속성, 속성값)등 보다 많은것을 조작할 수 있습니다. "조작"한다는 말은 예를 들어 id=test 가는 id값이 있을경우 jquery를 이용하여 id값이 test 를 찾아서 test안의 내용을 원하는 형태로 바꿀수 있다는 말입니다. Element Selector jQuery element selector은 기본적으로 태그(tag)에도 적용이 가능합니다. %("p") $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); .. 2013. 5. 8.
jQuery 기초 오늘부터 하루에 하나 또는 두개씩 jquery 에 대한 내용을 기초부터 다루어 보려고 합니다. jquery 를 공부하시는 많은 분들에게 도움이 되길 바랍니다. 잘 정리되어 있는 해외 사이트를 참조하여 내용을 다루겠습니다. jQuery는 Javascript Library입니다. jQuery는 Javascript 프로그래밍을 매우 단순하게 해줍니다. jQuery는 배우기 쉽습니다. jQuery 라이브러리는 웹페이지에 단 한줄을 추가하여 사용할 수 있습니다. [배우기 전에 알아둬야 할 부분] jQuery를 배우기 전에 다음 사항에 대한 기본 지식이 있어야 합니다. - HTML - CSS - Javascript [jQuery란 무엇인가?] jQuery는 javascript 함수들로 이루어진 라이브러리입니다. j.. 2013. 5. 8.