연희동

예제에 앞서, 아래는 이전에 올린 for() 예제 링크 입니다. 참고해주세요 [[JQUERY]자바스크립트] - jQuery 035. 반복문 for() [[JQUERY]자바스크립트] - jQuery 036. 다중 for() , 중첩 for() [[JQUERY]자바스크립트] - jQuery 037. for() 응용, 구구단 출력하기 [[JQUERY]자바스크립트] - jQuery 038. llist[](배열)을 활용한 for() [[JQUERY]자바스크립트] - jQuery 039. 반복문 for(), continue 아래는 예제입니다.1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 ..

예제를 보기에 앞서 아래는 이전에 올려둔 for() 예제입니다. [[JQUERY]자바스크립트] - jQuery 035. 반복문 for() [[JQUERY]자바스크립트] - jQuery 036. 다중 for() , 중첩 for() [[JQUERY]자바스크립트] - jQuery 037. for() 응용, 구구단 출력하기 아래는 예제입니다.1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 Title #buttonP{ font-size: 30px; font-weight: bold; cursor: pointer; } $(function(){ // jquery 시작 /* for() , continue ..

예제를 보기 앞서, 아래는 다른 for() 예제들 입니다. [[JQUERY]자바스크립트] - jQuery 035. 반복문 for()[[JQUERY]자바스크립트] - jQuery 036. 다중 for() , 중첩 for()[[JQUERY]자바스크립트] - jQuery 037. for() 응용, 구구단 출력하기 아래는 예제입니다.1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 Title #buttonP{ font-size: 30px; font-weight: bold; cursor: pointer; } $(function(){ // jquery 시작 /* list[](배열)을 활용한 ..

아래는 예제입니다.123456789101112131415161718192021222324252627282930313233343536373839404142 Title #buttonP{ font-size: 30px; font-weight: bold; cursor: pointer; } $(function(){ // jquery 시작 /* for() 구구단 */ $("#buttonP").click(function(){ var dan = prompt("출력한 단을 입력해주세요."); var texthtml = "" for(var i=1; i

아래는 예제입니다.12345678910111213141516171819202122232425262728293031323334353637 Title #buttonP{ font-size: 30px; font-weight: bold; cursor: pointer; } $(function(){ // jquery 시작 /* 다중 for() */ $("#buttonP").click(function(){ for(var i=0; i[[JQUERY]자바스크립트] - jQuery 035. 반복문 for() 예제를 라인별로 보겠습니다.343536 '다중 for()' 버튼 cs라인 35. 버튼으로 사용할 p태그를 만들어줍니다. 78910111213 #buttonP{ font-size: 30px; font-weight: bol..

아래는 예제입니다.1234567891011121314151617181920212223242526272829303132333435 Title #buttonP{ font-size: 30px; font-weight: bold; cursor: pointer; } $(function(){ // jquery 시작 /* for() */ $("#buttonP").click(function(){ for(var i=0; i[[JQUERY]자바스크립트] - jQuery 020. 이벤트 on(), 클릭이벤트 click()라인 23. for()문을 실행합니다. for(초기값;조건식;증감){} 이런형식으로 사용됩니다. 변수 i를 0으로 설정하고, 조건은 i가 5보다 작을때, 그리고 한번 루핑될때마다 i를 ++ 시켜줍니다. 자동적..

아래는 예제입니다.1234567891011121314151617181920212223242526272829303132333435 Title #buttonP{ font-size: 30px; font-weight: bold; cursor: pointer; } $(function(){ // jquery 시작 /* html() */ $("#buttonP").click(function(){ var divHtml = $("#resultDiv").html() $("#resultDiv").html(divHtml+"p태그를 생성했습니다.") }); }); html() 예제 버튼 위 버튼을 클릭하면 p태그가 생성됩니다. Colored by Color Scriptercs 아래는 미리보기입니다. html() 예제 버튼 위 버..

아래는 예제입니다. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 Title #buttonP span{ font-size: 30px; font-weight: bold; cursor: pointer; } #textP{ font-size: 30px; font-weight: bold; color: aqua; } $(function(){ // jquery 시작 /* show() / hide() */ $("#showBtn").click(function(){ $("#textP").text("show() 버튼을 클릭했습니다.") $("#textP").show(); }); $("#hideBTN"..

아래는 예제입니다.123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 Title #exampleP{ font-size: 30px; font-weight: bold; cursor: pointer; } $(function(){ // jquery 시작 /* swich() */ $("#exampleP").click(function(){ var inputNum = prompt("숫자(1~5) 를 입력해주세요"); switch(inputNum){ case "1" : alert(inputNum+" 을 입력받았습니다. p태그의 글자색을 변경합니다."); $(this).css("col..

아래는 예제입니다. 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 Title #exampleP{ font-size: 30px; cursor: pointer; } .colorRed{ color:red; } .colorBlue{ color:blue; } $(function(){ // jquery 시작 /* jquery 클래스 추가 및 제거 */ //p클릭이벤트 $("#exampleP").click(function(){ //현재 색상 구하기 var currentClass = $(this).attr("class"); alert("현재 클래스는 '"+currentClass+"'입니다."); if(curren..