Category Archives: JavaScript

[펌글] 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’) 도 염두에 두자

자바스크립트 소수점 이하 자릿수 지정 방법

By | 11월 8, 2011

– 출처 : http://mwultong.blogspot.com/2007/08/javascript-tofixed.html – * 숫자 객체의 함수인 toFixed(n) 을 사용하면 임의로 소수점 이하 자릿수를 지정할 수 있다.   (예) var num = 123.456         num.toFixed(5)  =>  123.45600   //자릿수를 맞추기 위해 나머지 부분을 0으로 채움         num.toFixed(2)  =>  123.46        //해당 자릿수로 반올림 처리 – 참고… Read More »

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

By | 11월 2, 2011

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

[펌글] 자바스크립트 nodeType 에 대하여

By | 10월 28, 2011

– 출처 : https://developer.mozilla.org/en/nodeType – Summary Returns an integer code representing the type of the node. Syntax var type = node.nodeType; type is an unsigned short with one of the following values: Node.ELEMENT_NODE == 1 Node.ATTRIBUTE_NODE == 2 Node.TEXT_NODE == 3 Node.CDATA_SECTION_NODE == 4 Node.ENTITY_REFERENCE_NODE == 5 Node.ENTITY_NODE == 6 Node.PROCESSING_INSTRUCTION_NODE == 7 Node.COMMENT_NODE == 8 Node.DOCUMENT_NODE ==… Read More »

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)

IE9 의 버그

By | 10월 18, 2011

* 팝업이 아무리 해도 뜨지 않을 때.    – window.open()의 두 번째 파라미터인 팝업명에 공백문자/특수문자가 들어 있지 않은지 점검하자.   – 단지 팝업이 뜨지 않을 경우도 있고, SCRIPT87 에러를 발생시키는 경우도 있다.

iframe으로 form submit시 주의할 점

By | 4월 20, 2011

* form submit의 target을 지정할 때 iframe 객체를 target으로 하는 것이 아니라,    iframe 엘리먼트의 name을 target으로 지정해야 한다.  * 샘플 코드   //스크립트 form submit   var frm = document.getElementById(‘queryForm’); frm.target = “resultIframe”; frm.submit();   //html iframe   <iframe id=”resultIframe”></iframe>  * 의문점 이렇게 form submit을 할 경우 구글크롬에서는 제대로 iframe에 결과가 뿌려지는데, IE6에서는 iframe 영역이 아닌 새 창이 떠서… Read More »