jQuery 공부 1

개발 및 관리/Javascript 2024. 1. 22. 22:30 posted by HighLighter
반응형



1. jQuery 공식 자습 웹 사이트

https://docs.jquery.com/Tutorials

http://visualjquery.com

HTML 주석 : <!-- 주석문 -->
CSS 주석 : /* 주석문 */

2.  객체: 기본 데이터 타입을 제외한 모든 것을 복합 데이터로 인식함
let myDate = new Date(); // Date 객체를 생성하여 myDate 변수에 저장한다
myDate.getHours(); // Date 객체에서 현재 로컬에 있는 시간을 알아 온다.

3. 배열 생성 방법 3가지
 가. new 생성자 사용
 let my_arr = new Array(); // 배열 객체 생성
 my_arr[0] = 0;
 my_arr[1] = 1;
 my_arr[2] = 2;
 console.log(my_arr);

 나. 배열 객체를 생성하면서 요소 추가
 let my_arr = new Array(0,1,2); // 배열 객체를 생성하면서 요소 추가
  console.log(my_arr);

 다. [] 연산자를 사용하여 직접 생성
 let my_arr = ["korea", "usa","china"];
  console.log(my_arr);

4. 객체 생성 방법 3가지
 가. new 생성자 사용
 let obj = new Object(); // 빈 객체 생성
 obj.a = 0;
 obj.name = "홍길동";
 obj.fn = function(){};
 console.log(obj);

 나. 객체를 생성하면서 요소 추가
//비어있는 객체 생성
let person1 = new Object();

//person1객체의 프로퍼티를 할당
person1.name = 'michelle'
person1.age = 27
person1.sayHello = function(){
    console.log(this.name + 'Hello!');
}

console.log(person1);

let person2 = new Object({name:'michelle', age:27,sayHello:function(){
    console.log(this.name + 'Hello!');
}} );

console.log(person2);

 다. 중괄호({})를 사용하여 직접 생성
 let my_arr = {a:0, name:"홍길동", sex:"Male",fn:function(){}};
 console.log(my_arr);

반응형