InPro

안녕하세요 오늘은 JQUERY 값 내용을 없애는 법을 알아보겠습니다. div를 이용해서 값을 없애는 법을 보여드리겠습니다. 안에 복사붙여넣기 하시고 바로실행 해주세요. 1-1번입니다.2-1번입니다.3-1번입니다. 1-2번입니다.2-2번입니다.3-2번입니다. 안에 복사붙여넣기 하시고 바로실행 해주세요. 값을 없애는 법도 간단합니다. $('#id').empty();$('#id').remove(); 두가지 인데요. 사진을 보시면 이해하시기 편할겁니다. 1-1과 3-1은 empty()를 사용한 모습입니다. div는 남아 있고 안의 내용만 없어진 모습입니다. 1-2와 3-2는 remove()를 사용한 모습입니다. div태그 자체가 없어진 모습입니다. 차이를 아셨나요? empty()는 div태그는 남아 있고 내용만..

이 전글에서는 자바스크립트 강제 클릭 이벤트에 대해서 알아보았는데요. 이번에는 JQUERY 강제 클릭 이벤트에 대해 알아보겠습니다. 안에 복사붙여넣기 하시고 바로실행 해주세요. $(function() { //body가 다실행되면 load가 실행됩니다. $(window).load(function() { //버튼 강제 클릭 이벤트 $("#btn1").trigger('click'); }); //버튼 클릭시 이벤트 $("#btn1").click(function() { alert("버튼이 클릭되었습니다."); }) }); 안에 복사붙여넣기 하시고 바로실행 해주세요. 아까 자바스크립트 기억하시나요? document.폼name.버튼id.click();document.form1.btn1.click(); $("#버튼id..

안녕하세요 오늘은 자바스크립트 강제 클릭 이벤트에 대해서 알아보겠습니다. 가끔씩 강제로 버튼을 클릭해야 되는 상황이 오는데요. 강제 클릭 이벤트는 간단합니다. 안에 복사붙여넣기 하시고 바로실행 해주세요. //body가 끝나면 onload가 실행됩니다. window.onload = function() { //클릭 이벤트 btn1.onclick = function() { alert("클릭 되었습니다."); } //강제 클릭 이벤트 실행하기 document.form1.btn1.click(); } 안에 복사붙여넣기 하시고 바로실행 해주세요. document.폼name.버튼id.click();document.form1.btn1.click(); 이것만 기억하시면 됩니다. 이상으로 자바스크립트 강제 클릭 이벤트에 대..

HTML에서 HTML요소를 숨기는 것은 간단합니다. DIV로 예를 들어서 보여드리겠습니다. 안에 복사붙여넣기 하시고 바로실행 하시면 됩니다. display : block 내용 1번입니다. 내용 2번입니다. 내용 3번입니다. visibility : hidden 내용 1번입니다. 내용 2번입니다. 내용 3번입니다. 안에 복사붙여넣기 하시고 바로실행 하시면 됩니다. 실행화면 입니다. 두개의 차이점이 보이시나요? block은 공간자체를 없애지만 hidden은 공간은 남겨두고 속성을 숨겨만 줍니다. display : block 공간 자체를 없앤다.visibility : hidden 공간은 남겨두고 속성만 숨겨둔다.

자바스크립트를 이용해서 평소에도 자주쓰이는 HTML요소를 숨기거나 보이는 것을 만들어 보겠습니다. 간단한 예로 버튼클릭시 div를 숨기기 보이기를 해보겠습니다. 안에 복사붙여넣기 하시고 바로실행 하시면 됩니다. 내용입니다. 안에 복사붙여넣기 하시고 바로실행 하시면 됩니다. 간단하죠? 간단하게 생각하시면 됩니다. display = "block"은 보이기display = "none"은 숨기기 display를 block나 none로 속성만 변경해주시면 됩니다.

이전글에서는 자바스크립트를 이용해서 테이블 행을 동적으로 추가 삭제를 해봤는데요. 이번에는 JQUERY를 이용해서 테이블 행을 동적으로 추가 삭제를 해보겠습니다. 안에 복사붙여넣기 하시면 됩니다. 추가 삭제 안에 복사붙여넣기 하시면 됩니다. 아까 자바스크립트보다 훨씬 간단해 진것을 볼수 있네요. 2016/09/03 - [Programming/JAVASCRIPT] - 자바스크립트 테이블 행 추가 삭제 하기

버튼을 눌렀을때 테이블의 행을 추가하거나 삭제하고 싶을 경우에는 어떻게 할까요? 자바스크립트를 이용해서 테이블의 행을 동적으로 추가하거나 삭제할수 있는 예제입니다. 안에 복사붙여넣기 하면 바로 실행할수 있습니다. 추가 삭제 안에 복사붙여넣기 하면 바로 실행할수 있습니다.

이전 글에서는 1차원 배열에 대해서 알아봤다. 이번에는 2차원 배열에 대해서 알아보자 2차원 배열이란 배열 안에 또 다른 배열이 들어가 있다고 생각하면 된다. 1차원 배열에서는 점수에 대한 배열을 만들었는데 이번에는 학생 이름과 점수에 대한 배열을 만들어보자 //이름 and 점수 배열을 만들었다. var student_score = new Array(); //이름의 배열을 만들었다. student_score[0] = new Array(); //점수의 배열을 만들었다. student_score[1] = new Array(); //2차원 배열은 잘 생각해야 된다. //앞에서 student_score[0] 을 만들었을 때 이름의 배열로 주기 위해 만들었으므로 [0][x] 앞에[0]에는 이름이라고 생각하면 된다..

배열 ? 배열이란 하나의 변수안에 여러개의 데이터를 저장하는 것이다. 배열을 쓰는 이유 한개의 변수에 하나의 데이터만 들어가게 된다면 데이터를 찾기 힘들어지고 데이터가 많아짐으로써 속도도 떨어진다. 배열을 예를 들어보자 10명의 학생의 수학 점수를 총점과 평균을 구해보자. 배열을 사용하지 않는다면 var student1 = 90; varstudent2 = 86; var student3 = 83; var student4 = 92; var student5 = 76; var student6 = 57; var student7 = 87; var student8 = 100; var student9 = 96; var student10 = 77; 10명의 점수를 적었다. 이제 합계와 평균을 구하려면 var total ..

HTML에서 버튼을 비활성화 시키는 것은 disabled을 사용하면 된다. 그러면 자바스크립트에서 버튼을 클릭해서 비활성화 활성화 시키는 방법을 알아보자 // 자바스크립트 간단하다 버튼을 활성화 시키려면 disabled = false; 버튼을 비활성화 시키려면 disabled = 'disabled';