H_Develop

function(e) 속에 e.preventDefault(); 사용 a링크를 클릭했을 때, 주소창에 #붙으며 스크롤 올라가는 것을 방지하는 이벤트. 기존 이벤트를 죽인다고 생각하면 됨. $(function(){ $("#e120504 #stamp .btn").click(function(e){ $("."+$(this).attr("name")).fadeIn(700); var num_1 = $("#e120504 #stamp .num_1").text(); if(num_1 > 0){ num_1--; $("#e120504 #stamp .num_1").text(num_1); } e.preventDefault(); }); $("#e120504 #stamp .btn_ch").click(function(e){ $("."+$..

FrontEnd/JQuery 2022. 12. 6. 09:29

라이브러리 처럼 사용할 수 있다. jQuery.fn.플러그인명 이렇게 선언합니다 $.fn.플러그인명 이것도 똑같은 선언 방법입니다 다른 라이버리와 겹침방지위해 (function($){ 이사이에 jQuery.fn.플러그인명 넣기도 하고요 })(jQuery); ///////////////////////////// jQuery(function($) { 이사이에 jQuery.fn.플러그인명 넣기도 하고요 }); 알아두면 좋은 jQuery plugin 10개 1. datepicker 날짜 선택 플러그인 http://longbill.github.io/jquery-date-range-picker/ jQuery datepicker 제이쿼리 날짜선택 플러그인 필요할 때는 항상 이 곳에서 가져다 쓴다 어떤걸 쓸까 할때 바..

FrontEnd/JQuery 2022. 12. 2. 08:31

객체들의 족보 parent().parent().parent().parent() 이런식으로 자신의 고조할아버지를 찾아갈수 있고요 parent().parent().parent().parent().next() 이런식으로 자신의 고조할아버지 동생에게 접근할수 있습니다 고조할아버지와 형제들을 노드라고 생각하시면 됩니다 노드 형제중에 첫째놈이 first() 고 막내놈이 last() 입니다 두번째놈은 next().next() 로 구할수있구요 eq(1) 이나 index() 값 2로 구할 수 있습니다 형제를 추가하려면 append 를 시키고 형제를 제거하려면 remove 를 하는것이죠 children() 확장 Element의 고유한 자식으로 구성된 확장 집합을 반환한다. contents() 확장 집합에서 Element의..

FrontEnd/JQuery 2022. 12. 1. 15:57

$("#btn").click(function() { this; // id가 btn 인 요소 자체가 됩니다. $(this); // id가 btn 인 요소는 가지고 있는 jQuery 객체가 됩니다. });

FrontEnd/JQuery 2022. 12. 1. 12:32

$('#tab_menu #btn') 이런식으로 상속 불가하다. 그러면 버벅거리고 깜박거리는 현상이 생길 수 있다.

FrontEnd/JQuery 2022. 11. 25. 18:59

JSP input radio를 사용하고 사용 유무에 따라 value 값을 Y, N으로 주었다. value 값은 들어오지 않아 data-val 요소를 이용하여 넘겨준다 js 데이터를 받아 Y,N값을 확인하고 없으면 default로 Y를 준다 var pramUseYn = 'Y' if(param.useYn) { pramUseYn = param.useYn; } $('#ocBa0030 input:radio[name=tmpUseYn][data-val="'+pramUseYn+'"]').prop('checked', true); $('#ocBa0030 input[name="useYn"]').val(param.useYn); $('#ocBa0030 input:radio[name=tmpUseYn]').off('change.o..

FrontEnd/JQuery 2022. 11. 25. 10:17

JQuery Plugin 제이쿼리 플러그인 이미지 슬라이더, 데이트피커, 네비게이션 메뉴, 비이도 플레이어, 이미지 갤러리, 파일 업로드, 데이터 테이블 등, 위젯을 제이쿼리로 미리 구현해 놓은 제이쿼리 라이브러리. 별도의 프로그램을 생성하지 않고 불러다 사용 가능 google, naver 등 "image slider jquery plugin" or "datepicker jquery plugin" 같은 키워드 검색 소개 사이트 https://www.jqueryscript.net/ https://frontendscript.com/ Flex Slider Plugin 쇼핑몰 플러그인 사이트(Woocommerce)에서 제공하는 이미지 슬라이더. https://woocommerce.com/flexslider/ H..

FrontEnd/JQuery 2022. 7. 17. 13:23

웹에서 css를 가져와서 쓰는 법 https://releases.jquery.com/ui/ Tab_button 웹이란? 웹브라우저 웹 호스팅 웹은 'World Wide Web'위 약어로써 간단하게 WWW로 표현 웹이란 인터넷에 연결된 컴퓨터를 통해서 전 세계 사람들이 정보를 제공하고 공유할 수 있는 사이버 공간을 의미한다. 웹 사이트에 구축된 웹 페이지, 즉 HTML 문서를 볼 수 있는 응용 프로그램을 의미한다. 인터넷 익스플러, 크롬, 사파리, 파이어폭스 등이 여기에 속한다. 인터넷 전문업체에서 자신이 보유한 웹 서버와 네트워크를 이용해서 개인이나 기관에게 홈페이지를 구축할 수 있도록 서버상에 사용자 계정과 디스크 공간을 입대해주는 서비스이다. Datepicker 데이트피커 입력창에 마우스를 클릭하면 ..

FrontEnd/JQuery 2022. 7. 17. 12:50