연희동

아래는 예제 입니다.1234567891011121314151617181920212223242526272829303132 Title $(function(){ // jquery 시작 //클릭 >> 노랑 var $p01 = $(".p01"); $p01.on("click",function(){ $p01.css("color","yellow"); }); //클릭 >> 파랑 var $p02 = $(".p02"); $p02.click(function(){ $p02.css("color","blue"); }) }); 클릭하면 노랑 클릭하면 파랑 Colored by Color Scriptercs 아래는 실행 화면입니다. 실제 작동되니 클릭해보세요. 클릭하면 노랑클릭하면 파랑 이벤트 종류는 여러가지가 있지만 이번 예제에서는 ..

아래는 예제와 실행 화면입니다.12345678910111213141516171819202122232425 Title $(function(){ // jquery 시작 var $p01 = $(".p01"); $p01.css("color","red"); var $p02 = $(".p02"); $p02.css({color : "blue", fontSize : "20px"}); }); 첫번째 p태그 두번째 p태그 세번째 p태그 Colored by Color Scriptercs jquery 선택자와 css() 함수를 활용해 css를 변경하는 예제입니다. 예제를 라인별로 보겠습니다.먼저 HTML 부터 보겠습니다.2122232425 첫번째 p태그 두번째 p태그 세번째 p태그 cs라인 22. body 태그 안에 p태그를..

아래는 예제와 실행 화면입니다.12345678910111213141516171819202122232425 Title $(function(){ // jquery 시작 //선택자 alert( "'tag' 로 찾은 text = "+$("p").text()+"\n" +"'id' 로 찾은 text = "+$("#line01").text()+"\n" +"'class' 찾은 text = "+$(".line02").text()+"\n" +"'name' 으로 찾은 text = "+$("[name=line03]").text() ); }); 첫번째 줄 두번째 줄 세번째 줄 Colored by Color Scriptercshtml 소스내의 tag 이름, 또는 별도로 값을 준 id, class, name 값으로 요소를 찾을 수..

아래는 예제와 실행화면입니다.12345678910111213141516171819202122232425 Title $(function(){ // jquery 시작 //실수 >> 문자 var num = 10.555; alert( "num.toFixed(0) = "+num.toFixed(0)+"\n"+ "num.toFixed(1) = "+num.toFixed(1)+"\n"+ "num.toFixed(2) = "+num.toFixed(2)+"\n"+ "num.toFixed(3) = "+num.toFixed(3)+"\n" ); }); Colored by Color Scriptercs 이번 예제는 문자를 실수로 형변환하는 예제입니다. toFixed()는 단순하게 실수를 문자로 형변환 할때 사용하기도 하지만 반올림을..

아래는 toString(16)의 예제와 결과 화면입니다.12345678910111213141516171819202122 Title $(function(){ // jquery 시작 //정수 >> 16진수문자 var num = 10; var result = num.toString(16); var resultSum = result + 10; alert("result = "+result+"\n"+"resultSum = "+resultSum); }); Colored by Color Scriptercs 16진수 값은 문자 값 같지만 16진수 이기 때문에 문자로 사용하려면 형변환을 해주어야 합니다. 예제를 한줄씩 자세히 봐보겠습니다.1011121314 //정수 >> 16진수문자 var num = 10; var res..

아래는 String() 의 예제와 결과화면입니다.123456789101112131415161718192021 Title $(function(){ // jquery 시작 //숫자 >> 문자 var num = 10; var result = String(num); var resultSum = result + 10; alert("result = "+result+"\n"+"resultSum = "+resultSum); }); Colored by Color Scriptercs 예제를 자세하게 보겠습니다.1011121314 //숫자 >> 문자 var num = 10; var result = String(num); var resultSum = result + 10; alert("result = "+result+"\n"..

1234567891011121314151617181920212223242526 Title $(function(){ // jquery 시작 //문자 >> 정수 var str1 = '10'; document.write("str1+10 = ",str1+10,""); document.write("Number(str1)+10 = ",Number(str1)+10,""); //문자 >> 실수 var str2 = '10.50'; document.write("str2+10 = ",str1+10,""); document.write("Number(str2)+10 = ",Number(str2)+10,""); }); Colored by Color Scriptercs위는 Number()의 예제입니다. 아래는 결과 화면입니다. 소..

아래는 예제 입니다.12345678910111213141516171819202122232425 Title $(function(){ // jquery 시작 var str = "10.50"; // 문자값 var num = 5; // 정수값 //parseInt() document.write("str + num = " ,parseInt(str) + num ,""); //parseFloat() document.write("str + num = " ,parseFloat(str) + num ,""); }); Colored by Color Scriptercs "10.50" 라는 문자값을 parseInt() ,parseFloat()을 사용하여 변형해보았습니다. pasreInt()에 대한 설명은 이전글에서 확인하세요. 아..

아래는 예제입니다.123456789101112131415161718192021222324252627 Title $(function(){ // jquery 시작 var str = "10"; // 문자값 var num = 5; // 정수값 document.write("str + num = " ,str + num ,""); str = parseInt(str); // 문자를 정수로 형변환 document.write("str + num = " ,str + num ,""); }); Colored by Color Scriptercs 이번 예제는 문자를 숫자(정수)로 바꾸는 방법에 대해서 보겠습니다. jquery 의 변수(var)에 대한 설명은 이전글 보기로 대체하겠습니다.>> [[JQUERY]자바스크립트] - jQu..

클래스는 이전 글에서 알아봤던 함수(function)을 모아서 사용하기 위해 쓰입니다.기본적으로 프로젝트를 진행하게되면 여러사람이 모여서 작업을 하기때문에 함수를 선언 하면서, 이름이 겹치거나 혹은 너무 많은 함수들로 인해 관리 및 수정이 어려울 수 있으 함수를 정리하기 위한 용도로 사용됩니다. 예제를 보기에 앞서 함수(function)이 생소하다면 이전글을 참고해주세요.>> [[JQUERY]자바스크립트] - jQuery 009. 함수 function>> [[JQUERY]자바스크립트] - jQuery 010. 함수 function ,매개변수(파라미터) 아래는 예제입니다. 12345678910111213141516171819202122232425262728293031323334 Title $(functio..