내용으로 건너뛰기
권남
사용자 도구
로그인
사이트 도구
검색
도구
문서 보기
이전 판
역링크
최근 바뀜
미디어 관리자
사이트맵
로그인
>
최근 바뀜
미디어 관리자
사이트맵
추적:
javascript:jquery
이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.
====== jQuery ====== * http://jquery.com/ <note warning> [[http://youmightnotneedjquery.com/|You Might Not Need jQuery]] : jQuery 없이 개발할 수 있도록 도움을 줌. [[https://github.com/camsong/You-Dont-Need-jQuery/blob/master/README.ko-KR.md|You-Dont-Need-jQuery 한국어]] 이제는 jQuery 가 없어도 충분히 개발에 불편이 없을만큼 javascript 가 발전했다. </note> * [[https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript/|Cheat sheet for moving from jQuery to vanilla JavaScript]] : 이제 jQuery를 버릴 때 * [[http://jqapi.com/|jQAPI jQuery API 모음]] * [[http://cfs.tistory.com/custom/blog/68/684698/skin/images/jquery.html|jQuery API 정리 한국어판]] * [[http://www.futurecolors.ru/jquery/|jQuery API Cheat Sheet]] * [[http://code.google.com/intl/ko/apis/libraries/|Google Libraries API]] : jQuery등 각종 유명 JavaScript 라이브러리 호스팅 * [[http://www.broken-links.com/2010/11/18/data-attributes-in-html-and-jquery/|HTML5의 data attribute 사용하기]] * [[http://www.readwriteweb.com/hack/2011/05/3-free-e-books-on-jquery.php|jQuery free ebooks]] * [[http://addyosmani.com/toolsforjqueryapparchitecture/|Tools for jQuery Application Architecture]] * [[http://www.slideshare.net/AddyOsmani/jquery-proven-performance-tips-tricks|jQuery Proven Performance Tips & Tricks]] * [[http://www.ibm.com/developerworks/kr/library/os-jquerynewpart1/index.html|jQuery의 새로운 특징, 파트 1: 글로벌화]] ====== Tips ====== * [[http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_test_whether_an_element_exists.3F|요소의 존재 여부 검사하기]] : ''**$('element').length**'' 값을 검사하면 된다. 이는 ''$('element').get().length''와 같다. * 요소의 태그이름 검사하기: ''**$('.classTag1').get(0).tagName**'' 혹은 ''**$('.classTag1')[0].tagName**'' * 요소가 display: none 인지 아닌지 여부 검사 : ''**$(element).is(":visible")**'' * 요소의 전체 폭 구하기 : http://stackoverflow.com/questions/349705/total-width-of-element-including-padding-and-border-in-jquery <code javascript> $(elem).outerWidth(); // 폭 + padding + border $(elem).outerWidth(true); // 폭 + padding + border + margin </code> ===== $.data() ===== * ''data-name='value''' 형태로 들어간 속성에서 값을 읽어온다. * **값이 숫자로만 돼 있을 경우 등에 대해 자동으로 javascript 에 존재하는 타입으로 형변환이 일어난다.** * 자동 형변환을 원치 않으면 ''attr('data-name')'' 으로 호출하면 무조건 문자열로 받아온다. ====== Plugins ====== * [[http://jqueryui.com/|jQuery UI]] : UI 툴킷 모음 * [[http://jquerypp.com/|jQuery++]] jQuery용 확장 이벤트, DOM Helpers * [[http://flowplayer.org/tools/index.html|jQUery Tools]] : 또 다른 UI 툴킷 모음. 현재 jQuery 1.4.2 에서만 작동하는 것으로 보임. * [[http://markitup.jaysalvat.com/home/|MarkItUp!]] : 각종 마크업을 지원하는 에디터 * [[http://jquerymobile.com/|jQuery Mobile]] : 모바일 UI 툴킷 * [[http://documentcloud.github.com/underscore/|Underscore]] : jQuery 플러그인형태로 다양한 함수형 프로그래밍을 지원하도록 해준다. * [[https://bitbucket.org/epeli/underscore.strings/src|Underscore.strings]] : Underscore에 문자열 관련 함수 추가 * [[http://www.uploadify.com/|Uploadify]] : Flash 기반의 다중 업로드 지원 * [[http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/|jQuery UI selectToUISlider]] : <select> 태그를 슬라이드 형태로 변환해준다. 영역 선택도 지원함. * 버전 2.0 : select 엘리먼트에 꼭 id 가 지정돼 있어야 한다. * {{:javascript:selecttouislider.target.diff|2.0용 Slider 엘리먼트를 명시할 수 있도록 하는 패치}} * [[http://jplayer.org/|jPlayer]] : HTML5 기반의 오디오 비디오 플레이 및 비 HTML5 브라우저용 fallback 지원. * [[http://jquery.malsup.com/form/|jQuery Form Plugin]] : <form> 을 ajax로 submit할 수 있도록 지원. iframe 기반 form submit도 지원한다. * [[http://plugins.jquery.com/project/ScrollTo|Scroll To]] : 특정 영역 혹은 창 전체에 대한 스크롤 * [[http://www.ama3.com/anytime/|Anytime]] : Date/Time Picker * [[http://addyosmani.com/blog/the-missing-date-time-selector-for-jquery-ui/|Date Time Selector]] * [[http://www.appelsiini.net/projects/filestyle|FileStyle]] : Input type="file" 버튼에 스타일을 줄 수 있다. 이미지 번튼화 등도 가능함. * {{:javascript:jquery.filestyle.showfilename.js|파일이름을 안보이는 옵션 showFilename: false 추가 버전}} * [[http://bassistance.de/jquery-plugins/jquery-plugin-validation/|Validation]] : Form Validation 유효성 검사 * [[http://plugins.jquery.com/project/SmoothDivScroll|Smooth Div Scroll]] : Div 영역을 부드럽게 스크롤하기. * [[http://webdeveloperplus.com/jquery/21-brilliant-jquery-image-galleryslideshow-plugins/|jQuery image/slide show plugins]] * [[http://slidesjs.com/|SlidesJS]] : 컨텐츠 슬라이더. 시작 전/후 이벤트 받는 함수 지원 * [[http://jscrollpane.kelvinluck.com/|jScrollPane]] : 이미지 스크롤 지원 스크롤 페인 * [[http://sorgalla.com/projects/jcarousel/|jCarousel]] : 회전식 컨텐트 슬라이딩. 0.2.8 버전, 컨텐츠가 동적일 경우 버그 많음. * [[http://caroufredsel.frebsite.nl/|carouFredSel]] : 회전식 컨텐츠 슬라이딩 * [[javascript:jquery:cookie]] * [[http://www.webresourcesdepot.com/jquery-image-crop-plugin-jcrop/|jcrop]] : 이미지 특정 영역 잡아내기 * [[http://odyniec.net/projects/imgareaselect/|ImageAreaSelect]] : 이미지 특정 영역 잡아내기 * [[http://stanlemon.net/projects/jgrowl.html|stanlemon.net : jgrowl]] : 우상단에 경고 메시지 보여주기. * [[http://buzz.jaysalvat.com/|Buzz HTML5 Audio plugin]] * [[http://plugins.jquery.com/project/customcursor|Custom Mouse Cursor]] * [[http://james.padolsey.com/javascript/jquery-plugin-autoresize/|Text Area AutoResize]] * [[http://www.jplayer.org/|jPlayer]] HTML5 Audio/Video jQuery Plugin * [[http://www.jquery-plugin.buss.hk/my-plugins/jquery-caret-plugin|jCaret]] * [[https://github.com/cowboy/jquery-outside-events|jQuery Outside Events PlugIn]] * [[http://www.inwebson.com/jquery/blocksit-js-dynamic-grid-layout-jquery-plugin/|BlocksIt.js]] Dynamic Grid layout jQuer Plugin * [[http://labs.voronianski.com/jquery.avgrund.js/|avgrund.js]] 모달 다이얼로그 플러그인 * [[http://narf.pl/jquery-typing/|typing]] 타이핑의 시작과 끝에 이벤트를 걸어줌. * [[https://github.com/adamwulf/Columnizer-jQuery-Plugin|jQuery Columnizer]] * [[http://ivaynberg.github.com/select2/|Select2]] Select 박스를 자동완성을 적용한 형태로 바꿔준다. * [[https://github.com/BorisMoore/jsrender|jsRender]] - jQuery Template Engine * [[http://tympanus.net/codrops/2012/11/21/adaptive-thumbnail-pile-effect-with-automatic-grouping/|Adaptive Thumbnail Pile Effect with Automatic Grouping]] * [[https://github.com/kamens/jQuery-menu-aim|jQuery menu aim]] : 아마존 스타일의 드롭다운 메뉴. [[http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown|Breaking down Amazon’s mega dropdown]] 글 참조. * [[http://w2ui.com/web/home|w2ui JavaScript UI Library]] * [[http://mbraak.github.io/jqTree/|jqTree]] * [[https://code.google.com/p/jquery-i18n-properties/|jQuery i18n Properties]] * [[http://alvarotrigo.com/multiScroll/|Multi Scroll]] * [[http://www.webcodegeeks.com/javascript/jquery/jquery-interview-questions-answers/|81 jQuery Interview Questions and Answers]]
javascript/jquery.txt
· 마지막으로 수정됨: 2023/11/14 09:55 저자
kwon37xi
문서 도구
문서 보기
이전 판
역링크
맨 위로