[jQuery] 셀렉트박스에서 특정 옵션 선택시 레이어 나타내기
select 에서 특정 option 선택시 레이어를 보여주고 숨기고 할 수 있는 스크립트. jQuery jQuery('#selectBox').change(function() { var state = jQuery('#selectBox option:selected').val(); if ( state =...
블로그
[jQuery] jQuery 기반 tabs 플러그인 모음
jQuery EasyTabs https://os.alfajango.com/easytabs/ 가장 많이 쓰이는 것 같은 플러그인. 브라우저 지원 : IE 7+, Firefox 4+, Chrome, Safari, Opera 11 Tabslet http://vdw.github.io/Tabslet/ 완전 깔...
[jQuery] fadeIn, fadeOut 되는 위로가기 버튼
화면 스크롤시 특정 높이에서 Scroll to Top 버튼이 fade In 되는 스크립트이다. HTML <div class="scrollUp" onclick="javascript:scrollUp();"><i class="fa fa-angle-up" aria-hidden="true"><...
[jQuery] .removeClass() 에 .delay() 효과 적용하기
jQuery 속성 중 class 를 지워주는 removeClass 라는게 있다. 하지만 이 속성은 document 가 준비되는 순간 또는 window 가 로드되는 순간 class 를 지워버린다. removeClass에 delay효과를 주기 위해선 다음과 ...
[jQuery] 스크롤시 class 추가/제거
기록기록 방법1 <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script> jQuery(document).ready(function() { var bodyOffset = jQuery('body').offset(); jQu...
[jQuery] 랜덤으로 class 추가하기
방법1 변수 classes에 할당된 배열의 이름을 li 태그에 랜덤으로 부여 $(document).ready(function(){ var classes = ["one", "two", "three"]; $('li').addCl...