본문 바로가기

Programming/JQuery

jQuery Ajax 사용 jQuery Ajax 사용 Ajax는 서버와의 비동기 통신을 말한다. 일반적으로 Ajax하면 요즘은 자바스크립트를 이용한 브라우져의 동적 DOM의 처리, 즉 DHTML, CSS등을 포함하지만, jQuery에서는 Ajax라는 네임스페이스를 통해 비동기 서버 통신을 하는것을 말한다. 먼저 다음 간단한 예를 보자. 타입1 $.ajax({ type: "GET", url: "test.js", dataType: "script" }) GET방식으로 서버에서 자바스크립트 (test.js)를 로딩하고 실행하는 코드이다. 타입2 $.ajax({ type: "POST", url: "next.jsp", data: "name=John&location=Boston", success: function(msg){ alert( "Da.. 더보기
셀렉터 셀렉터 jQuery의 DOM 탐색은 CSS SELECTER를 사용하고 있다. jQuery에서는 원하는 HTML의 DOM 요소를 찾기 위해 $(Selector), jQuery(Selector)와 같은 표현식을 사용한다. $는 jQuery의 축약어로 같은 역할을 하며, 다음과 같은 형태로 사용하여 원하는 DOM 요소를 선택 할 수 있다. 셀렉터의 종류 셀렉터의 표현 방법 All Selector $("*") ID Selector $("#id") Element Selector $("elementName") Class Selector $(".className") Multiple Selector $("selector1, selector2, selector3")$(Selector), jQuery(Selector)를 .. 더보기
JQuery란? jQuery 란? 웹 사이트와 사용자간의 원활한 소통을 위해 사용되었던 자바스크립트는 최근 몇 년간 Web2.0과 Ajax 기술을 활용한 RIA(Rich Internet Application)의 등장으로 인하여 이전보다 복잡하고 늘어난 코드와 다양한 웹 브라우저의 등장으로 크로스브라우징 이라는 장벽이 웹 개발자에게 큰 스트레스를 안겨주고 있다. 이러한 문제에서 JQuery는 쉽게 벗어 날 수 있는 해법과 웹 개발에 새로운 패러다임(역동적인 인터페이스, 쉬운 프로그래밍)을 제시하고 있다. jQuery는 2006년 “John Resic”에 의해 디자인 된 자바스크립트 라이브러리이다. 자바스크립트의 코드를 단순하고 간결한 상태로 개발이 가능하며, 동일한 코드의 반복과 복잡하고 많은 코드로 개발되던 기존의 작업.. 더보기