Category Archives: jQuery

IE에서 jQuery를 사용하여 테이블 핸들링(조작/변경)시 깨지는(깨질) 경우

By | 12월 23, 2011

* rowspan 문제일 경우    – IE에서 테이블의 TD는 rowspan 속성을 따로 주지 않아도 기본적으로 rowspan=’1′ 을 가지고 있다.      그래서 rowspan 속성의 존재여부를 확인하는 .filter(‘[rowspan]’) 같은 selector는 사용할 수 없다.     – 그래서 filter() 에 함수를 사용하여 크로스브라우징 문제를 해결했다.         .filter(function(){          var $td = $(this);… Read More »

jQuery에서 visibility 속성 핸들링 하기

By | 12월 16, 2011

* jQuery의 hide(), show() 메서드는 display 스타일 속성과만 관계가 있는 듯 하다.        visibility 속성을 핸들링 하려면 jQuery의 css() 함수를 사용하자.      $obj.css(‘visibility’, ‘hidden’);     //숨기기      $obj.css(‘visibility’, ‘visible’);     //보이기

[펌글] jQuery-UI Dialog의 타이틀바(titlebar) 제거하기

By | 12월 15, 2011

– 출처 : http://www.ke-cai.net/2009/05/remove-jquery-ui-dialogs-title-bar.html –  1. Hide it via it’s default CSS:      .ui-dialog-titlebar { display: none; };       * 주의 : This will change all dialog’s apperance. 2. Or add another CSS class, insetad of change them all.      .hide-title-bar.ui-dialog-titlebar { display: none; }      $(“#dialog”).dialog({ dialogClass: “hide-title-bar” }); 3. Remove title bar element… Read More »

jQuery를 사용하여 폼 파라미터 정리하기

By | 11월 30, 2011

* $(‘#formId’).serialize()    – 선택된 폼 객체 내의 모든 폼 요소들을 파라미터 문자열화 하여 리턴한다.    – 결과 예) check=check2&radio=radio1 * $(‘#formId’).serializeArray()       – 선택된 폼 객체 내의 모든 폼 요소들을 name-value 쌍의 json object 배열 객체로 리턴한다.    – 결과 예) [   {     name: “a”,     value: “1”   }        … Read More »

[펌글] jQuery 특수문자 (special character) 목록

By | 11월 23, 2011

– 출처 : http://www.xinotes.org/notes/note/958/ – The jQuery doc says:  If you wish to use any of the meta-characters (such as !”#$%&'()*+,./:;?@[\]^`{|}~) as a literal part of a name, you must escape the character with two backslashes: \\.  So what are these meta-characters? According to the CSS specification:  In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters… Read More »

jQuery 셀렉터 사용시 특수문자 (예: +)가 있을 경우의 사용법

By | 11월 23, 2011

<div id=”foo+”></div>  가 있다고 할 때 $(‘#foo\\+’)   => 이렇게 사용해야 찾아낸다. * 참고  그러나 위의 #foo\\+ 을 별도의 문자열로 구성하여 alert() 등으로 뿌려보면 \ 하나가 없어져서   #foo\+ 가 되는 것을 볼 수 있다. 아마도  코딩시에는 \\로 escape를 하지만, 메모리에 올라가서 String 객체가 되는 순간 \하나가 없어지는 것으로 보인다. 어쨌든 이 경우에도 jQuery는 정상적으로 selecting을 한다. 

jQuery로 사용자 이벤트(event) 만들어 사용하기

By | 11월 17, 2011

– 출처 : http://stackoverflow.com/questions/2857900/onhide-type-event-in-jquery – * 상황 설명     마치 onclick 이벤트처럼, ‘어떤 동작’을 수행할 때(특정 함수를 호출할 때)  특정 동작을 수행하게 하고 싶다.     그러나 그 동작이 jQuery에 built-in 된 이벤트가 아니기 때문에 bind() 를 사용할 수가 없다. 어떻게 해야 하는가? * 방법 1      – 실제로 ‘hide’ 이벤트는 존재하지 않지만, 마치 이벤트가… Read More »

[펌글] jQuery select box(콤보박스) 와 option의 제어

By | 11월 8, 2011

– 출처 : http://sexybear.tistory.com/146 – $(“<option></option>”) .attr(“selected”, “selected”) .text(“텍스트”) .attr(“value”, “값”) .appendTo(“#selectboxid”); $(“#selectboxid”) .change(function() { alert(this.value); }); * 참고    removeAttr(‘selected’) 도 염두에 두자

jQuery .size() 와 .length 의 차이점

By | 11월 2, 2011

구글링 해 본 결과… .size() 와 .length 는 같은 결과를 반환하고, .size()는 .length 를 메서드 콜 하기 때문에 아주 미세하게 느리다 (-_- 😉 라고 한다.  결국 차이가 없다는 말이다.  

jQuery children(), find() 와 filter() 의 차이점

By | 10월 28, 2011

$obj.children(표현식) : $obj 하위 직속 엘리먼트 중에서 select. text node는 반환하지 않는다. $obj.find(표현식) : $obj 하위의 모든 엘리먼트 중에서 select $obj.filter(표현식) : $obj 집합 자체 내에서 select * 참고    – $obj.not(표현식) : filter()와 위상은 같고 결과는 정반대 이다. (표현식에 해당하는 집합들을 remove)

JQuery 관련 링크

By | 7월 23, 2008

# JQuery 란 무엇인가? http://blog.naver.com/jin5434/30029121099 # 가볍고 쉬운 Ajax. JQuery 시작하기 http://blog.naver.com/kissin/70018447897 # JQuery의 기본이 되는 JQuery/Core에 대해 알아보자 http://cafe.naver.com/outofthenature/6 # JQuery 쓸만한 기능들 JQuery 쓸만한 기능들