연희동

아래는 예제입니다.123456789101112131415161718192021222324252627282930313233343536 Title $(function(){ // jquery 시작 //짝수 홀수 //if $('#btn_prompt_type01').click(function(){ var num = prompt("숫자를 입력해주세요"); if(num%2 == 0){ alert('짝수 입니다.') }else{ alert('홀수 입니다.') } }); //삼항연산자 $('#btn_prompt_type02').click(function(){ var num = prompt("숫자를 입력해주세요"); num%2 == 0 ? alert("짝수 입니다") : alert("홀수 입니다."); }); }); 수 ..

아래는 예제입니다. 12345678910111213141516171819202122232425262728293031 Title $(function(){ // jquery 시작 //클릭이벤트 $("#btn_prompt").click(function(){ //prompt 값 저장 var result = prompt("입력하세요"); if(result != ""){ //font태그 변경 $("#font_text").text(result); }else{ //font태그 변경 $("#font_text").text("입력 값이 없습니다."); } }); }); 입력하기 Colored by Color Scriptercs 아래는 미리보기입니다. 실제로 클릭후 입력해보세요. 입력하기 이번 예제는 prompt()를 활용해..

보통 서로 같은지 혹은 다른지를 확인 할때 ==, != 연산을 하게됩니다.1 == 1 > true 를 반환 하고, 1 != 1 > false 가 됩니다.1 == '1' 은 어떨까요, 숫자타입 1 과 문자타입 '1' 입니다. false 를 반환 할 것 같지만, true를 반환합니다. == 연산과 != 연산은 기본적으로 비교하기전에 좌측과 우측의 타입을 맞춰 줍니다. 형변환을 강제로 시키게됩니다. 형변환에 대한 예제는 아래링크를 참조해 주세요>>[[JQUERY]자바스크립트] - jQuery 012. parseInt(), 문자를 정수(숫자)로 바꾸기(형변환)>>[[JQUERY]자바스크립트] - jQuery 013. parseFloat() 문자를 실수(소수점)로 바꾸기(변형하기)>>[[JQUERY]자바스크립트]..

이번 글에서는 text()에 대해서 알아보겠습니다. text()는 여러 태그 사이에 들어가는 값을 가져올 때 쓰입니다. 이번 예제는 여러 태그에 텍스트 값을 입력하고 text()로 텍스트 값을 가져오는 예제 입니다.123456789101112131415161718192021222324252627282930313233 Title $(function(){ // jquery 시작 //p태그 fnClick($("#pText")); //버튼 fnClick($("#btnText")); //a태그 fnClick($("#aText")); }); //공통으로 쓰일 function function fnClick(e){ //클릭이벤트 e.click(function(){ alert(e.text()); }) } 여긴 'p태그'..

아래는 예제입니다.1234567891011121314151617181920212223242526 Title $(function(){ // jquery 시작 //inputBtn의 이벤트 $("#inputBtn").click(function(){ //input 값 var inputVal = $("#inputVal").val(); alert("input의 val() = " + inputVal); }); }); val() 확인 Colored by Color Scriptercs 아래는 예제의 미리보기 입니다. 실제 입력후 버튼을 클릭해 보세요. val() 확인 예제를 라인별로 보겠습니다.232425 val() 확인 Colored by Color Scriptercs라인 24. input 을 생성합니다. 타입은 't..

아래는 예제입니다.123456789101112131415161718192021222324252627282930313233 Title $(function(){ // jquery 시작 //p tag 의 click 이벤트 $("p").click(function(){ //p의 font-size var fontSize = $("p").css("font-size") if(fontSize == "10px"){ //if 조건 $("p").css("font-size","20px"); }else if(fontSize == "20px"){ //else if 조건 $("p").css("font-size","30px"); }else{ //else $("p").css("font-size","10px"); } }); }); 클릭 ..

아래는 예제입니다.12345678910111213141516171819202122232425 Title $(function(){ // jquery 시작 //if 사용 방법 1 if(true){ $('#if1').css('color','red'); } //if 사용 방법 2 if(true) $('#if2').css('color','green'); }); if 사용 1 if 사용 2 Colored by Color Scriptercs 아래는 실행화면입니다.이전 글에서 간략하게 조건문 if()에 대해서 설명한적이있습니다.>>[[JQUERY]자바스크립트] - jQuery 023. 조건문 if() 예제를 라인별로 보겠습니다.21222324 if 사용 1 if 사용 2 cs먼저 id 값으로 'if1' 과 'if2' ..

아래는 예제입니다.12345678910111213141516171819202122 Title $(function(){ // jquery 시작 var a = 10; if(a==10){ alert("조건이 참(true)면 실행됩니다."); } }); Colored by Color Scriptercs 아래는 실행화면 입니다. 예제를 라인별로 보겠습니다.10 var a = 10;cs라인 10. a 에 10을 대입합니다. 121314 if(a==10){ alert("조건이 참(true)면 실행됩니다."); }Colored by Color Scriptercs라인 12. if()문을 실행합니다. if(){} 의 사용방법은 if(조건문){"조건이 true일 때 실행됩니다."} 입니다. 조건문에 대한 예제는 아래링크를 ..

아래는 예제입니다.1234567891011121314151617181920212223242526272829303132333435363738 Title $(function(){ // jquery 시작 var animal01 = "고양이"; var animal02 = "강아지"; //AND(&&) document.write( "animal01 == '고양이' && animal02 == '강아지' = " ,animal01=='고양이' && animal02=='강아지',"" ); document.write( "animal01 == '고양이' && animal02 == '개' = " ,animal01=='고양이' && animal02=='개',"" ); //OR(||) document.write( "animal0..

아래는 예제 입니다.1234567891011121314151617181920212223242526272829 Title $(function(){ // jquery 시작 // document.write("20 > 10 = ",20>10,""); //= document.write("20 >= 10 = ",20>=10,""); //== document.write("20 == 10 = ",20==10,""); //!= document.write("20 != 10 = ",20!=10,""); }); Colored by Color Scriptercs 아래는 실행화면입니다.비교 연산자는 연산자 양 옆의 두 값을 비교해서 참(true), 거짓(false) 를 리턴 합니다. 예제를 라인별로 보겠습니다.1011 //>[[..