본문 바로가기

jQuery14

jQuery의 live() 함수. jQuery 1.3되면서 추가된 함수중에 알면 상당히 유용한 함수가 있다.. 바로 live() 함수가 그것이다. 보통 이벤트를 적용할때 자주 사용하는게 bind()를 사용하는데 bind()의 문제점은 Ajax나 append 처럼 페이지가 동적으로 생성되었을때 기존 event 효과가 적용이 안되는데 있다. 기존에는 이 문제점을 동적 생성후 재 bind()를 적용했었다.ㅡ.,ㅡa. 아무래도 좋은 방법은 될수없다. 이런 이슈를 해결하기 위해 LiveQuery라는 플러그인이 있었는데..이 플러그인을 사용하면 동적으로 추가된 페이지들도 추가작업을 하지 않고서 event가 적용이 되었다. 이 LiveQuery 기능을 jQuery 1.3으로 버젼업하면서 새로 추가가 되었다. 그게 live()함수 되시겟다. live(.. 2009. 8. 30.
jQuery 성능 조정 자주 들르는 [IBM developerworks]커뮤니티 사이트에 흥미로운 기사가 올라왔다. jQuery의 성능향상을 위한 방법을 3가지 정도 제시한 기사인데 기존에는 그냥 아무 생각없이 써왔던 방식이 좋지 않은 방법인줄 알았다..;;.. 1) 되도록이면 CLASS 대신 ID를 사용하여 검색한다. 2) 최대한 많은 검색 정보를 제공한다. 3) 선택자 캐싱하기 우선 1,2번의 경우는 이미지를 보면 충분히 이해가 가리라 본다. 3번의 선택자 캐싱하기의 경우는 매 함수 호출때마다 초기화시켜서 변수를 비교하기 보다는 전역변수를 사용 처음에 메모리에 올려놓고 후에 비교하는것을 추천하고 잇다. 자세한 사항은 [매개체로서의 jQuery(2)]에서 확인해보시길.. 참고로 이 기사에서 실제 속도를 체크한 테스트 페이지를.. 2009. 8. 14.
jQuery $.getJSON 사용한 동적 SELECTBOX구현 jQuery에서 서버로 GET방식의 요청을 보내고 응답을 JSON으로 받는 $.getJSON 함수를 제공한다. getJSON을 사용해서 간단한 동적 selectbox를 구현해보자. -_-/ 우선 대상 getData.jsp는 아래와 같은 JSON 형식이다. ( [ { "text" : "테스트01", "value" : "01" }, { "text" : "테스트02", "value" : "02" } ])그럼 저 getData.jsp의 내용을 가져와 적용할 실제 페이지내용은 아래와 같다 ..편집기에서 붙였더니 들여쓰기가 다 엉망이 됐다.ㅡㅜ... 참고도서 : jQuery in Action(인사이트) 2009. 5. 3.
유용한 jQuery plugin jQuery를 사용하면서 유용한 사용자 플러그인을 많이 만나게 된다. 내가 만들었으면 좋겟지만. ㅎㅎ;;.. 이곳에 괜찮게 사용햇던 플러그인을 계속 추가해가야겠다. http://malsup.com/jquery/ 2009. 4. 3.