반응형 *:;전체보기;:*696 제이쿼리 속성추가, 제거, jquery attr(), removeAttr() 제이쿼리 속성추가, 제거, jquery attr(), removeAttr() - attr() 사용방법 jquery 의 attr() 메소드는 선택된 요소의 속성이나 값을 설정, 또는 리턴하는데 사용된다. 이 메소드가 그 속성값을 리턴할 때, 이것은 첫번째로 매치되는 요소의 값을 리턴한다. 이 메소드가 그 속성값을 설정할때, 이것은 매치되는 요소들의 하나 이상의 속성/값의 묶음으로 설정한다. 1. 속성값을 리턴 $(selector).attr(attribute) 예) 이미지가 있을 때 이 요소의 width 속성값을 경고창에 띄우는 예이다. 2. 속성과 값을 설정 $(selector).attr(attribute,value) 예) 버튼 클릭시 width 속성값을 500으로 변경하는 예이다. 3. 함수를 사.. Programing/jQuery 2015. 7. 27. 필리핀 세부 맛집 총집합! 총정리! The gourmet tour in Cebu 필리핀 세부 맛집 총집합! 총정리! The gourmet tour in Cebu 필리핀 세부 맛집 총정리 ! 1. 미켈란젤로(Michelangelo) ★★★★ - 이탈리안 레스토랑 - 봉골레 강추 (언제나 not salty plz) - 택시기사가 못알아 들으면 마이켈란젤로라고 하세요! - 마리아루이사 스트릿 바닐라드, 요비스파 옆 - 주소는 1 Paeo Saturnino, Maria Luisa Road, Banilad, Cebu City 6000, Philippines 2. 라떼골라(La Tegola) ★★★★ - 이탈리안 레스토랑 - 처음에 서비스로 나오는 토마토 에피타이저와 까르보나라 굿! - 아얄라몰 내에 있어 찾기 편해요 - 아얄라몰 1층에 위치 3. 와까마츠 야끼니꾸 ★★★★ - 제페니즈 레스토.. 맛집정보 2015. 7. 25. 자바스크립트 문자열을 배열로 바꾸기 javaScript split() method 자바스크립트 문자열을 배열로 바꾸기 javaScript split() method 문자열을 split() 메소드를 사용하여 배열로 변환 할 수 있다. - split() 사용방법 문자열.split(구분자); 예) 1 2 3 4 5 6 7 8 9 function splitFunction() { var str = "서울, 대전, 대구, 부산"; var arr = str.split(","); var result = arr[0]; document.write(result); } cs 결과값은 "서울" 구분자로 값을 구분해, 배열로 가져올 수 있다. 주민번호나 우편번호 같이 중간에 "-" 과 같은 것을 입력받을 때 구분해서 저장하는데 사용하면 유용하다. 구분자를 생략하면 전체 스트링값이 0번째 인덱스 값이 된다. 예.. Programing/JavaScript 2015. 7. 24. 자바스크립트 인덱스 값으로 문자 추출 javaScript charAt(), charCodeAt() 자바스크립트 인덱스 값으로 문자 추출 javaScript charAt(), charCodeAt() 인덱스 값으로 문자값을 추출하는데는 charAt() 메소드를 사용한다. - charAt()사용방법 문자열.charAt(인덱스값); 예) 1 2 3 4 5 6 var str = "Challenge"; var result = str.charAt(0); document.write(result); cs charAt(0) 으로 0번째 인덱스를 갖은 "C"를 추출한다. C(0)h(1)a(2)l(3)l(4)e(5)n(6)g(7)e(8) 결과값 C 문자의 아스키코드값을 추출하는데는 charCodeAt() 메소드를 사용한다. - charCodeAt() 사용방법 문자열.charCodeAt(인덱스값); 예) 1 2 3 4 5 .. Programing/JavaScript 2015. 7. 24. 자바스크립트 문자열 합치기 javaScript concat() method 자바스크립트 문자열 합치기 javaScript concat() method 자바스크립트에서 문자열을 합칠 때는 concat() 메소드를 사용한다. - 사용방법 문자열.concat(합칠문자열1, 합칠문자열2....); 예) 1 2 3 4 5 6 7 8 var text1 = "Welcome"; var text2 = "to"; var text3 = "my"; var text4 = "world"; var result = text1.concat(" ", text2," ", text3, " ", text4); document.write(result); Colored by Color Scripter cs 문자열에 합칠문자열을 ,로 구분지어 연결하면 된다. 결과값은 Welcome to my world concat()은.. Programing/JavaScript 2015. 7. 23. 자바스크립트 javaScript 대소문자 변경 toUpperCase(), toLowerCase() 자바스크립트 javaScript 대소문자 변경 toUpperCase(), toLowerCase() 대문자로 변경은 toUpperCase()를 사용한다. - 사용방법 문자열.toUpperCase(); 예) 1 2 3 4 5 6 7 function toUpperFunction() { var name = "Lim SinGu"; var result = name.toUpperCase(); document.write(result); } cs 결과는 LIM SINGU 소문자로 변경은 toLowerCase()를 사용한다. - 사용방법 문자열.toLowerCase(); 예) 1 2 3 4 5 6 7 function toLowerFunction() { var name = "Lim SinGu"; var result = na.. Programing/JavaScript 2015. 7. 23. 자바스크립트 문자열 바꾸기, 변경하기 javaScript replace() method 자바스크립트 문자열 바꾸기, 변경하기 javaScript replace() method 자바스크립트 replace() 메소드는 특정값을 찾아 다른 값으로 바꿀 때 사용된다. - 사용방법 문자열.replace("찾을문자열", "바꿀문자열); 예) 1 2 3 4 5 6 7 function replaceFunction() { var str = "I love football"; var txt = str.replace("foot","base"); document.write(txt); } Colored by Color Scripter cs I love football 에서 foot 문자열을 찾아 base로 변경한후 출력한다. 결과는 I love baseball 그러나 replace() 메소드는 1회성이라 저렇게만 .. Programing/JavaScript 2015. 7. 23. 자바스크립트 문자열 자르기 javsScript slice(), subString(), subStr() method 사용법 자바스크립트 문자열 자르기 javsScript slice(), subString(), subStr() method 사용법 자바스크립트에서 문자열을 잘라 리턴하는 메소드는 3가지가 있다. 1. slice() 2. substring() 3. substr() 그럼 slice()부터 사용법에 대해 알아보자. - slice 사용방법 문자열.slice(잘라올 첫 위치값, 잘라올 마지막 위치값) 여기서 잘라올 첫번째 위치값은 이상 이고 잘라올 마지막 위치값은 미만이라고 생각하면 편하다. 다시 말해 첫 위치값은 리턴값에 포함되며 마지막 위치값은 미포함된다. 주의하자. 아래의 예를 보자 예) 문자열의 인덱스 값을 모른다면 아래의 링크를 참조하자. Link : 자바스크립트 javaScript indexOf(), lastI.. Programing/JavaScript 2015. 7. 23. 자바스크립트 javaScript indexOf(), lastIndexOf() methods 자바스크립트 javaScript indexOf(), lastIndexOf() methods indexOf() 메소드는 파라메터와 같은 문자 or 문자열을 처음부터 찾아 몇번째 위치하는지 리턴하는 메소드다. -사용방법 문자열.indexOf("찾을문자열", 검색을 시작할 인덱스값[생략가능]) 예) 위의 예제에서 indexOf의 리턴값은 0이다. 주의! 자바스크립트는 0부터 카운트 한다. 그래서 첫자인 A를 찾아 그 인덱스 값인 0을 리턴 하는것이다. 그렇다면 str.indexOf("B");의 리턴값은? 1이다. 이런식으로 0부터 1, 2, 3...으로 올라가는 것이다. A B C C D E ... 0 1 2 3 4 5 ... -----------------------> 그럼 검색을 시작할 인덱스값을 옵션으로.. Programing/JavaScript 2015. 7. 23. 자바스크립트 문자열(String)에 대한 모든것 javaScript Strings 자바스크립트 문자열(String)에 대한 모든것 javaScript Strings 자바스크립트 string은 텍스트를 저장하고 다루기 위해 사용된다. -javaScript Strings 자바스크립트 string은 "adam lee" 와 같은 문자들의 열을 간단하게 저장한다. String은 따옴표(인용부호)안에 어떠한 텍스트도 쓸수 있다. 싱글('')과 더블("") 모두 사용 가능하다. 예) var userName= "adam lee01"; //더블 var userName= 'brian lim02'; //싱글 물론 둘다 중복으로 사용도 가능하다. 예) var answer = "It's alright"; var answer = "He is called 'Johnny'"; //출력결과 => He is call.. Programing/JavaScript 2015. 7. 20. 자바스크립트 지역변수, 전역변수, 로컬, 글로벌 변수 javaScript local variables, global variables, 변수의 범위 자바스크립트 지역변수, 전역변수, 로컬, 글로벌 변수 javaScript local variables, global variables, 변수의 범위 - 자바스크립트 범위 범위는 변수가 접근 할 수 있는 집합이다. - 자바스크립트 로컬(지역) 변수 (javaScript Local variables) 자바스크립트 function 내에 선언되는 변수를 로컬(지역)변수라 한다. 로컬변수는 그 로컬범위를 갖는다. 이 변수들은 오직 function 안에서만 접근 할 수 있다. 예) // code here can not use carName function myFunction() { var carName = "Volvo"; // code here can use carName } carName 이라는 변수는 오직 my.. Programing/JavaScript 2015. 7. 20. 자바스크립트 오브젝트 javaScript object 자바스크립트 오브젝트 javaScript object - 자바스크립트 오브젝트(javaScript object) 우리는 이미 자바스크립트 변수가 데이터 값을 위한 컨테이너 라고 알고 있다. 아래의 코드는 간단한 값을 가진 변수할당 방법이다. var volunteer = "adam"; 오브젝트 역시 변수이다. 그러나 오브젝트는 많은 값을 담을 수 있다. 아래의 코드는 한 변수에 많은 값들을 할당한다. var volunteer = { firstName:"adam", lastName:"lee", age:30, type:"java" }; 그 값은 이름:값의 쌍으로 쓰여진다. (이름과 값은 ':'으로 구분된다.) 자바스크립트 오브젝트는 이름이 있는 값들을 위한 컨테이너다. - 오브젝트 속성(object Prope.. Programing/JavaScript 2015. 7. 19. JavaScript Function 자바스크립트 함수 알짜만 빼먹기 JavaScript Function 자바스크립트 함수 알짜만 빼먹기 javaScript 함수는 특별한 일을 처리하기 위해 디자인된 코드의 블록입니다. 예) function myFunction(p1, p2) { return p1 * p2; // 이 함수는 p1*p2를 리턴하는 함수이다. } - 자바스크립트 함수 문법 자바스크립트 함수는 'function' 키워드, 다음에 이름(name), 다음에 괄호()로 정의됩니다. 함수명은 문자, 숫자, 언더라인(_), 달러표시($)를 포함할 수 있습니다. 괄호 안에는 콤마(,)에 의해 분리된 파라메터명을 포함 할 수 있고(parameter1, parameter2,...) 함수에 의해 실행되는 코드들은 중괄호(curly brackets) 안에 작성됩니다.{} 예) fu.. Programing/JavaScript 2015. 7. 19. 자바스크립트 undefined, null 의 개념 자바스크립트 undefiend, null의 개념 - undefined 자바스크립트에서 값이 없는 변수는 undefined값을 가지고 있다. 그리고 이것의 타입 또한 undefined 다. 예) var person; // Value is undefined, type is undefined undefined로 값이 세팅되어진 몇몇 변수는 값이 비어있을 수 있다. 그리고 그 타입 또한 undefined 이다. 예) person = undefined; // Value is undefined, type is undefined 비어있는 string 타입의 변수는 값과 타입을 모두 가지고 있다. 예) var car = ""; // The value is "", the typeof is string - null 자바스.. Programing/JavaScript 2015. 7. 19. 자바스크립트 데이터 타입, javaScript data types, typeof 자바스크립트 데이터 타입, javaScript data types, typeof 자바스크립트의 데이터 타입에는 number, string, array, object 등이 있다. 예) var length = 16; // Number var lastName = "Johnson"; // String var cars = ["Saab", "Volvo", "BMW"]; // Array var x = {firstName:"John", lastName:"Doe"}; // Object 데이터 타입의 개념. 프로그래밍에서 데이터 타입은 매우 중요한 개념이다. 변수들을 연산 하기 위해 데이터 타입에 대해 알고있는 것은 매우 중요하다. 데이터 타입 없이 컴퓨터는 아래와 같은 연산을 안전하게 해결할 수 없다. var x = 1.. Programing/JavaScript 2015. 7. 19. 이전 1 ··· 36 37 38 39 40 41 42 ··· 47 다음 💲 추천 글 반응형