본문 바로가기

jquery13

jquery attribute (속성 존재여부) Navtive $(this)[0].hasAttribute('name'); jQuery $(this).is('[name]');//boolean $(this).filter('[name="jkun"]'); 개인적으로는 is 메소드를 더 선호 2016.01.21
$.when() http://api.jquery.com/jQuery.when/ jQuery 에서 특정액션을 취하고 성공과 실패여부에 따라 기능을 수행해야 하는 경우가 있다. 이 경우에는 when() 메소드를 이용하면 보다 간편하고 명시적인 코드로 처리할 수 있다. 쿼리에서 CASE WHEN ... THEN 절과 비슷한 느낌이 든다. 사용은 다음과 같다. $.when( alert('밥 먹고난 다음에 ') ).done(function() { alert('커피한잔 허자'); }); 그리고 추가적인 절차가 필요할때도 다음과 같다. function work1() { /* action */ } function work2() { /* action */ } $.when( work1, work2 ).done(function() { al.. 2015.04.13
탭브라우져 - 1.0 jQuery 기반의 탭브라우징 UI 플러그인을 배포합니다.소스코드 삭제나 변경시에 고지해주시기 바랍니다.^^ 전반적인 html 사용코드는 다음과 같습니다. 이제 대략적으로 사용방법에 대해서 설명드립니다. 1. jquery.jkun.tabbrowse.css 와 jquery.jkun.tabbrowse.js 를 불러옵니다. 2015.04.02
노드 다루기 출처 : http://egloos.zum.com/survival/v/464374 1. 노드 찾기 - 태그 이름으로 노드 찾기 : $("태그이름"), $("선택자") - 클래스 이름으로 노드 찾기 : $(".클래스이름") - ID로 노드 찾기 : $("선택자") - 속성으로 노드 찾기 : $("[속성이름=값]") - 찾은 요소 개수 구하기 : .size() , .length - 찾은 요소 n번째 접근하기 : .eq(index) , .each(function(index){}); - 찾은 요소에서 특정요소만을 걸러내기 : .filter("선택자") - 찾은 요소에서 특정 자식요소만 찾기 : .find("선택자") 2. 자식 노드 찾기 - 전체 자식 노드 찾기 -- 텍스트 노드 포함 전체 자식 노드 찾기 : $.. 2014.12.29
PHP - IDE CodeLobster (코드랍스터) 오웃. 꽤 괜찮은 PHP IDE 가 나왔다. CodeLobster (코드랍스터) ㅋㅋㅋ현재까지는 윈도우까지만 지원한다.무엇보다 훌륭한건 상용화되있는 PHP 프레임워크 및 jQuery 등을 꽤나 훌륭히 지원한다.거기다 디버깅에 브레이크 포인트까지.PHP 웹개발을 위해서만 특화된 IDE 라는 느낌이 팍팍온다. ㅎㅎ 그리고 system 쪽에 코어클래스중 커스텀으로 추가한 메소드라든지 코드어시스트 기능이 제법 깔끔히지원된다. 이클립스에서 코드이그나이터 코드어시스트를 받으려면 프로젝트를 추가해주고 사용해야 하는꽤나 그지같은 불편함이 있었는데; 그리고 컬러스키마같은 경우도 꽤나 다양하게 종류를 제공한다. 하지만 에디션별로 사용할 수 있는 차이가 있다. 어느 툴과 마찬가지로. ㅎㅎ일단 프리버젼 등록키를 받고나면 30.. 2014.10.21
jQuery Form Reset 에이 너무 까먹어서 포스팅한다. 짜증나네;; jQuery Form Reset $('#formID')[0].reset(); //ㅅㅂ 나도 구글링하다 여기[http://mytory.net/archives/365] 보고 찾음; 감사합니다.^^; 2014.05.13
Plug In - TableDnD (테이블 드래그 앤 드롭) 테이블 관련 플러그인 심플하고 그리 무겁지도 않은편입니다.저도 현재 아주 유용하게 잘쓰고 있습니다.아래 코드는 기본적으로 구현하는 코드입니다. $(document).ready(function() { // Initialise the table $('셀렉터').tableDnD(); }); 링크 : jQuery 테이블 드래그앤드롭 플러그인 2014.03.14
PlugIn - jQuery UserAgent 플러그인 브라우저 IE10 이상부터는 유저에이전트 문자열에서 MSIE 문자열을 반환하지 않는다.해서 이로 인해 브라우저의 버젼별 분기하여 수행할 작업이 있을때 문제가 발생할 수 있다.이전 포스팅했던 jquery-ua 플러그인을 조금 수정했다. 10이상부터는 브라우저 엔진으로 분기를 하여인터넷 익스플로러 버전을 감별해 내는 것이다.허접한 함수라도 이해부탁드립니다. 사용하실때는 댓글을 다는 센수~! 2013.11.27
PlugIn - jquery-user-agent (유저에이전트) (function ($) { $.ua = $.ua || { platform: {}, browser: {}, engine: {} }; var ua = navigator.userAgent.toLowerCase(), p = $.ua.platform, b = $.ua.browser, e = $.ua.engine, u = 'unknown'; //alert(navigator.userAgent); // detect platform p.name = (/(win|mac|linux|iphone|ipod|android)/.exec(ua) || [, u])[1]; p[p.name] = true; // detect browser b.name = (/(msie|firefox|chrome|safari|opera)/.exec(ua).. 2013.11.15
jQuery 아이프레임, iframe 1. 속성변경$('#TargetFrame').attr('src', 'http://www.jkun.net');$('#TargetFrame').attr({ 'src' : 'http://www.jkun.net', 'width' : '100', 'height' : '100', 'scrolling' : 'no'}); 2. 프레임내 문서객체 요소 접근$('#TargetFrame').contents().find('div.target-panel'); 3. 부모 요소에 접근- $('#TargetFrame', parent.document);- parent.$('#TargetFrame'); 2013.08.20
jQueryPlugIn - jQueryScroll jQuery 로 스크롤을 제어할 수 있는 플러그 인이다.보여줄 화면이 작거나 사용자 편의 제공에서의 UI 구성시에 도움이 되겠다. 참고 : http://demos.flesler.com/jquery/scrollTo/ 2013.01.22
jQuery Cookie jQuery 쿠키를 사용예제다.jQuery 1.0.x 기준으로 제공된다. 참고 URL 은 http://archive.plugins.jquery.com/project/Cookie자꾸 까먹어버릇해서 쓸데마다 찾는것도 짜증나니,포스팅을 해놓다가 느낀건데.. jQuery 를 주 라이브러리로 선택했으면 수시로 플러그인을 살펴봐야겠다는생각과.. 제대로 사용하려면 HTML과 CSS 를 보다 더 자세하게 알아야 하며,기본인 네이티브가 좋은 바탕이 되주어야 겠단 생각이 더욱든다$.cookie('Key'); /* 쿠키 로드 */ $.cookie('Key','Value'); /* 쿠키 생성 */ $.cookie('Key','Value', { expires : 7 }); /* 쿠키의 유효기간 7일*/ $.cookie('Key.. 2012.07.29
유용한 jQuery 플러그인 출처 : http://blog.naver.com/loudon23/30084204939 jQuery 플러그인(http://plugins.jquery.com/)은 등록된것만 4,500개에 이른다. 다 어디에 쓰이는 플러그인인지 써보지 않고서는 알 방법이 없지 않나. 나도 뭐가 있는지 모르는 상태에서 list 플러그인 찾다가 누군가 올려 놓은 유용한 jQuery 플러그(http://marcgrabanski.com/article/list-of-useful-jquery-plugins)리스트라는 글을 발견하고 옮겨 놨다. Accessibility 스타일시트와 텍스트 크기 조절, 화면 접근하기 어려운 장애우를 위한 플러그인 인듯함 데모 : http://webrocket.ulmb.com/ability/#demo Acc.. 2010.07.29