분류 전체보기
-
-
-
jQuery ListView - 리스트뷰개발 & 계발/jQuery 2015. 11. 29. 23:00
http://demos.jquerymobile.com/1.3.0-rc.1/docs/demos/widgets/listviews/ jQuery MobileNavigation Home Listviews API A listview is coded as a simple unordered list (ul) or ordered list (ol) with a data-role="listview"attribute and has a wide range of features.Jump to section Read-only, unorderedA listview is a simple unordered list containing linked list items with a data-role="listview" attribute...
-
-
-
-
[jQuery입문] EVENT 처리하기개발 & 계발/jQuery 2015. 6. 22. 18:26
이벤트 종류 - click : 클릭되었을 때 - mouseenter : 마우스 포인터가 위에 있을 때 - mouseleave : 마우스 포인터가 벗어났을 때 - hover : mouseenter와 mouseleave를 한꺼번에 - focus : 포커스를 얻었을 때 - blur : 포커스를 벗어났을 때 이벤트 핸들러 작성 - 이벤트가 발생 했을 때 처리하는 부분 작성 jQueryObject.click(function(){ 처리 내용 }); mouseenter, mouseleave 예제 div! hover 예제 - hover 이벤트는 mouseenter/mouseleave의 두 이벤트를 동시에 설정할 수 있는 숏 컷과 같다. - jQueryObject.hover(mouseenter이벤트핸들러, mousele..
-
[jQuery입문] .append()와 .appendTo()로 DOM 구조 움직이기개발 & 계발/jQuery 2015. 6. 13. 12:41
ㅇ .append()는 셀렉터 하단에 Element를 추가할 수 있다. - jQueryObjectA.append(jQueryObjectB); // jQueryObjectA 하단에 jQueryObjectB를 붙입니다. - 여러의 Elmenet를 붙이려면 jQueryObjectA.appen(jQueryObjectB, jQueryObjectC, jQueryObjectD); 와 같이 입력하면 된다. basket apple banana orange 샘플 보기 ㅇ .appendTo()는 셀렉터를 특정 Element 하단에 추가시킬 수 있다. - jQueryObjectB.appendTo(jQueryObjectA); // jQueryObjectA 하단에 jQueryObjectB를 붙입니다. basket apple ba..
-
[jQuery입문] .addClass(), .removeClass()로 class 속성값 조작개발 & 계발/jQuery 2015. 6. 13. 00:42
ㅇ 한 Element에 여러개의 class를 적용하는 방법 - 예를 들어 style에 이미 css1, css2, css3라는 class의 style이 정의되어 있다고 가정하자. - 그리고 를 활용해서 css1, css2, css3를 모두 적용하고 싶다면 구분자를 공백으로 하고 여러개의 class명을 적어주면 된다. 내용 ㅇ .attr('class','값') vs .addClass()/removeClass()의 차이점 - .attr()은 class 값을 기존에 적용된 것은 모두 무시하고 새로 적용 대상을 선정하는 것이다. - .addClass(), .removeClass()의 경우는 기존에 적용된 것을 기반으로 추가/삭제를 하는 것이다. DIV1 DIV2 DIV3 DIV4
-
[jQuery입문] .attr()으로 속성값 바꾸기개발 & 계발/jQuery 2015. 6. 13. 00:04
ㅇ attr()로 할 수 있는 것들은 대략 아래와 같다. - 이미지의 속성(그림 등) 변경 - 요소의 class 속성을 변경하여 모양 제어 - input 요소 등의 disabled 속성을 변경하여 Control 제어 - option 속성의 selected 속성을 변경하여 select 요소 안에서 선택되어 있는 항목 변경하기 - a 요소의 href 속성을 변경하여 링크된 곳 바꿔 쓰기 - a 요소의 target 속성을 변경하여 별도의 원도우 열기 등의 제어 - 스타일시트를 읽어들이는 link 요소의 href 속성을 변경하여 별도의 스타일시트로 전환 예를 들면
-
[jQuery입문] CSS 변경 방법개발 & 계발/jQuery 2015. 6. 12. 17:16
jQueryObject.css('프로퍼티명','값'); 예를 들어 아래와 같이 div가 있을 경우에 DIV1 DIV2 DIV3 다음과 같이 css 값을 변경할 수 있다. $(function(){ $('#div1').css('border', '3px dotted red'); $('#div2').css('background','green'); $('#div3').css('opacity', 0.5); }); 그리고 한번에 여러개의 프로퍼티 값을 변경하려면 { } 를 사용하면 된다. .css('프로퍼티명1','값1','프로퍼티명2','값2')는 안된다!! $(function(){ $('#div3').css({ color: 'red', display: 'block', top: 120, left : 100 }); ..