본문 바로가기

Web/javascript & jQuery

같은 클래스명을 가진 엘리먼트를 각각 hover 컨트롤 $('선택 엘리먼트의 클래스').each(function () { $(this).hover(function () { $(this).addClass('lst_over'); }, function () { $(this).removeClass('lst_over'); }).focusin(function () { $(this).addClass('lst_over'); }).focusout(function () { $(this).removeClass('lst_over'); }); }); 더보기
input 숫자만 입력 가능하도록 function handlerNum(obj) { e = window.event; if ((e.keyCode >= 48 && e.keyCode = 96 && e.keyCode 더보기
index로 두가지 버튼 제어 $('.btn_t').bind('click', function () { var target = $(this).parents('.m_dshalf').index(); var target1 = $('#m_brandwrap .m_ds_pos'); var target2 = $('#m_schmid .m_ds_pos'); if (target == 0) { if (target1.is(':visible')) { target1.parent().removeClass('active'); $('.dimmed').hide(); } else if(!target1.is(':visible') && target2.is(':visible')) { target1.parent().addClass('active'); target2.parent.. 더보기
스크롤 중 top버튼 안보이게 $(window).scroll(function () { $('.btn_top').hide(); clearTimeout($.data(this, 'scrollTimer')); $.data(this, 'scrollTimer', setTimeout(function () { $(".btn_top").show(); if($(this).scrollTop() == 0) { $('.btn_top').hide(); } }, 250)); }); 스크롤 중에는 .btn_top을 display:none; 시키고 스크롤이 멈추면 다시 .btn_top을 display:block 시킨다.그리고 scrollTop()이 0일 경우에도 .btn_top을 안보이도록 처리한다. 더보기
input 체크박스 활성화여부에 따른 엘리먼트 제어하기 $(".lst_prd li input").on('click', function(e) { var target = $(this).next().next('.prd_amount'); if(this.checked){ target.removeClass('prd_dimmed'); target.find('span.sp_com').replaceWith(function() { return $('').attr('class', $(this).attr('class')).text($(this).text()); }) } else { target.addClass('prd_dimmed'); target.find('a.sp_com').replaceWith(function() { return $('').attr('class', $(thi.. 더보기
flipCounter 스크롤링 카운터 관련사이트 http://bloggingsquared.com/jquery/flipcounter/ 더보기
★ jquery.sliderkit.1.9.2 슬라이드중에 최고라 할만 함. 더보기
자식 엘리먼트에 클래스가 있을때 부모 엘리먼트에 클래스 삽입하기... 이것때문에 반나절동안 피가 말랐네... 초보의 길이 멀고도 험하구나... $(document).ready(function(){ if($("#topmenu .wrap ul li").hasClass("on")){ $("#topmenu .wrap").addClass("on_sub"); } }); 더보기