728x90 jQuery10 [Jquery] 사용해서 radio , checkbox 의 체크여부 확인 jquery 사용해서 radio , checkbox 의 체크여부 확인하기 $('input:radio[name=이름]').is(':checked'); $('input:checkbox[name=이름]').is(':checked'); 결과는 true / false 로 나옴. 2020. 9. 5. [Jquery] 탭메뉴 만들기 CSS 부분 HTML 태그 부분 공지 메뉴 딸기 메뉴 구찌 메뉴 공지 메뉴의 내용이 들어갑니다 딸기 메뉴의 내용이 들어갑니다 구찌 메뉴의 내용이 들어갑니다 Jquery 부분 $(document).ready(function() { $('ul.tabs li').click(function(){ var tab_id = $(this).attr('data-tab'); $('ul.tabs li').removeClass('current'); $('.tab-content').removeClass('current'); $(this).addClass('current'); $("#"+tab_id).addClass('current'); }) }); 위 방식이 좀 많은? 듯 다 복붙 하다 보니 어디가나 저소스를 보는 일이 흔하게.. 2020. 8. 31. [Jquery] 클릭 이벤트 동적으로 on("click") 동적으로 이벤트 바인딩 시키기 on("click") 이벤트 $("#btnHungry").on("click", function(){ alert("소스 코드를 클릭하셨군요!"); }); 또 다른 형태로 레디 함수처럼 사용 하는 방법도 있다 $(document).on('pagebeforeshow', '#index', function(){ $(document).on('click', '#test-button',function(e) { e.stopImmediatePropagation(); //click 이벤트가 여러번 실행되는 현상이 발생 방지 alert('Button click'); }); }); 페이지를 계속 왔다갔다 할 때마다 alert의 실행 횟수는 누적될 것이다. 해결 방법은 alert 이전에 e.stop.. 2020. 8. 24. [jquery] 자주 쓰이는 유용한 팁 1. 커서 변경 $('body').css('cursor', 'default'); $('body').css('cursor', 'wait'); 2. Select Box에서 선택된 Value 찾기 $('#search_sale_pernr_s option:selected').val(); 3. Table의 타이틀 Row를 제외한 모든 Row 삭제하기 $("#data_list_table > tbody").children("tr:not(:first)").remove(); 4. Table의 마지막 Row 다음에 Row 추가하기 $("#data_list_table > tbody:last").append("값1"); 5. innerHTML값 Setting하기 $("#id_total_price").html("값"); 6. 해.. 2020. 8. 22. [Jquery] Show & Hide Jquery SHow hide 예제 아래는 전체 예문이다. This is This is a paragraph. Hide Show 화면에 보여주고 싶을때 $(".btn1").click(function(){ $('#F').show(); }); 화면에서 사라지게 하고 싶을때 $(".btn1").click(function(){ $('#F').hide(); }); 2020. 8. 20. Jquery 대소문자 변환 Jquery 대소문자 변환 //대분자 변환 function upperValue(obj){ $(obj).value = $(obj).value.toUpperCase(); } //소문자 변환 function lowerValue(obj){ $(obj).value = $(obj).value.toLowerCase(); } 2020. 8. 19. 이전 1 2 다음 728x90