728x90 전체 글1036 [자바스크립트] Fade In & Fade Out HTML 소스 Fade Out Fade In 글자가 이쁘게 사라진다. 자바 스크립트 소스 출처: 유튜브 였는데 러시아 사람이 영어로 설명 하고 있었는데 주소는 기억이 안난다. 인터넷에 유사 소스 많으니 다른 형태를 원하시면 따로 검색을 추천 합니다. 역시 구글신은 위대하다. 2020. 9. 13. [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. [JavaScript] Dictionary 사용하는 방법 Dictionary 사용하는 방법 var dicObject = {} dicObject['cat'] = '고양이'; dicObject['dog'] = '개'; dicObject['monkey'] = '원숭이'; console.log(dicObject) // Object {cat: "고양이", dog: "개", monkey: "원숭이"} // Dictionary 출력 for (var key in dicObject) { console.log("key : " + key +", value : " + dicObject[key]); } // Dictionary 추가, 제거 dicObject['tiger'] = '호랑이'; // 추가 delete dicObject['tiger']; // 삭제 (제대로 삭제 되면 tru.. 2020. 8. 22. 이전 1 ··· 168 169 170 171 172 173 다음 728x90