Front-End
jQuery mobile jQuery Mobile - 구조 & 문법
http://imsi52.tistory.com/90* Mobile page 구조- http://jquerymobile.com/download/ 에서 다운로드 및 "Copy-and-Paste Snippet" 부분을 COPY 하여 사용할 수 있다.- 태그 안에는 보틍 data-role="" 속성을 가진 element 가 정의 된다.* External page linking (외부 링크) / Local, internal linked "pages" (내부 링크)1. External page linking (외부 링크) 외부 파일을 링크 할 경우, ajax 를 호출하고 ajax 스피너를 나타낸다. 호출이 + 성공하면 새로운 페이지의 내용은 DOM에 추가 되고, 모든 모바일 위젯은 자동 초기화되..
jQuery Ajax 성공!! ( D체크 예제)
function idCheckAjax(){ var param = "id=" + $("#id").val(); $.ajax({ type:"POST", data:param, url:"idCheck.do", success:function(result){ if(result=="OK"){ document.getElementById("idcheck").innerHTML="사용가능"; document.getElementById("idcheck").style.color="blue";}else{ document.getElementById("idcheck").innerHTML="중복된아이디"; document.getElementById("idcheck").style.color="red"; document.getElement..
Ajax POST방식과 GET방식
출처 : http://recollectionis.tistory.com/66 function createRequestObject() { try{ request = new XMLHttpRequest(); }catch(tryMS){ try{ request = new ActiveXObject("Msxml2.XMLHTTP"); }catch(otherMS){ try{ request = new ActiveXObject("Microsoft.XMLHTTP"); }catch(failed){ request = null } } } return request; } //POST 방식 function functionPostName(){ var request = createRequestObject(); var param =""; p..
Effect - Reference(API)
jQuery Effect MethodsThe following table lists all the methods used to create animation effects.MethodDescriptionanimate()Performs a custom animation (of a set of CSS properties) for selected elements 특정개체에 여러 애니메이션을 줄수있다.clearQueue()Removes all queued functions for the selected element 작동예정인것들을 모두 정지시킨다(애니메이션 외에도 다 정지)delay()Sets a delay for all queued functions for the selected elementdequeue(..
Events - Reference(API)
jQuery Event MethodsEvent methods trigger, or bind a function to an event for all matching elements.Trigger example:$("button").click() - triggers the click event for a button element.Binding example:$("button").click(function(){$("img").hide()}) - binds a function to the click event.The following table lists all the methods used to handle events.MethodDescriptionbind()Add one or more event hand..
Selectors(접근) - Reference(API)
jQuery SelectorsUse our excellent jQuery Selector Tester to experiment with the different selectors.SelectorExampleSelects*$("*")All elements - 모든엘리먼트 접근#id$("#lastname")The element with id=lastname - ID로 접근.class$(".intro")All elements with class="intro" - class로 접근element$("p")All p elements - 태그이름으로 접근.class.class$(".intro.demo")All elements with the classes "intro" and "demo" (하위클래스) :first ..
Selectors - 요약&정리
출처 : http://blog.naver.com/topsaga/140155594732 jQuery Selectors- jQuery selectors는 여러개 또는 한 개의 HTML 엘리먼트를 선택하고 조작할 수 있게 합니다. [jQuery Selectors]앞의 강좌에서 서로 다른 HTML 엘리먼트를 선택하는 방법을 알아봤습니다.키포인트는 jQuery를 이용하여 효과를 주기 원하는 엘리먼트를 정확하게 선택하는 방법을 배우는 것이다.jQuery selector는 엘리먼트 이름, 특성이름, 또는 content로 HTML 엘리먼트를 선택할 수 있게 합니다.※ HTML DOM에 따르면, selectors는 DOM 엘리먼트를 그룹단위 혹은 개별 node 단위로 조작할 수 있게 합니다. [jQuery Element..