본문 바로가기

JavaScript29

JQuery 선택자 기본 - $(Selector[attr]) value와 동일한 개체 - $(Selector[attr="value"]) value와 불일치하는 개체- $(Seletor[attr!="value"]) value로 시작하는 개체- $(Seletor[attr^="value"]) value로 끝나는 개체- $(Selector[attr$="value"]) value를 포함하는 개체- $(Seletor[attr*="value"]) value를 포함하지 않는 값- $(Seletor[attr~="value"]) 2016. 9. 8.
JQuery 함수 사용 및 기본 JQuery 사용할 때 가끔 생각안날때가 있어서 메모겸 올려요참고하실분은 참고하세요 ~ 1. $.fn.ttt = function() { var ts = this, args = arguments, arg1 = arguments[0], l = ts.length;}; $(".draggable").ttt("aaaa", "bbbb"); 2. var Jh = function() {this.a = "a";this.constructor = (function() {alert("test");});this.constructor();};var jh = new Jh(); 3. $(function() {window.jh = {test:function(arg) {alert(arg);}}jh.test("aaa");}); 4.func.. 2016. 8. 29.
JQuery Draggable UI 기본 예제 JQuery에서 제공해주는 Draggable UI 기본 사용법 예제 입니다 CMS에서 마우스 드래그를 통해 홈페이지를 쉽게 제작할 수 있도록하기위해 JQuery Draggable UI를 사용하였습니다 아래 소스는 제가 개발 전 테스트 전에 만들어봤던 소스이고 처음 사용하시는 분들한테 조금이나마 도움이 되고자 포스팅했습니다 아래 주소에 접속하시면 Draggable UI 기본 사용법을 알 수 있고 https://jqueryui.com/draggable/ 응용을 위해서는 아래의 예제소스를 참조해주세요 Draggable Div1Draggable Div2Draggable Div3Draggable Div4 HEADERBODYFOOTER 2016. 8. 17.
jquery iframe 부모, 자식 접근 및 크기 조정 $(top.document).find("아이디나 클래스명").css({...});아이프레임 부모노드의 css 값을 변경할 때는 위의 방법을 사용하면 된다. 기타 접근 방법은 아래와 같다1. iframe 부모 값에 접근$("#id", parent.document) 2. 부모의 다른 iframe에 접근$("#id", parent.frames["frameid"].document) 3. iframe 내의 id 셀렉터$("#iframeid").contents().find("아이디나 클래스").html(); 4. iframe 내부 요소 선택$("#iframeid").contains().find("아이디나 클래스").html(); 2015. 1. 9.
자바스크립트 event keycode 종류 테이블 ASCII 코드에 기반한 자주쓰는 자바스크립트 키코드 테이블입니다. Key Code Reference Table 01020Caps Lock3040Arrow Down111213141212223242313Enter2333Page Up434142434Page Down445152535End45Insert616Shift2636Home46Delete717Ctrl27Esc37Arrow Left478Backspace18Alt2838Arrow Up4809Tab19Pause/Break2939Arrow Right4915026070f80p90z51361=+71g81q91Windows5246272h82r925356373i83s93Right Click5466474j84t9455765a75k85u9556866b76l86v960 (.. 2014. 11. 12.
jQueryApi - 제어(선택, 삽입, 삭제, 변경, 변환, 확장) 정말 유용한 것 같아서 http://hyeonstorage.tistory.com/60에서 스크립해왔습니다. 1. 제어 - 선택 .add() : 요소를 추가 선택한다. / $("p").add("div") // p 요소와 div 요소를 선택한다. .not() : 선택된 확장집합에서 인자에 해당하는 요소를 제거한다. / $("p").not(".green") // p 요소의 확장집합에서 class가 green인 요소를 제거한다. .children() : 요소의 고유한 자식으로 구성된 확장 집합을 반환한다. .contents() : 선택한 요소의 자식 요소를 가져온다.(text node 포함) $('.container').contents().filter(function(){}); // class container.. 2014. 10. 24.