본문 바로가기

CSS, Javascript, jQuery/information

jQuery 객체 생성

전역객체 window
window 객체는 모든 객체가 소속된 객체이고, 전역객체이면서, 창이나 프레임을 의미한다.
DOM : 웹페이지에 있는 문서(태그<body>,<img>등을 제어한다.
BOM : 현재 이 웹브라우저가 가리키는 URL이나, 경고창을 띄우는 등의 window 객체의 프로퍼티에 저장되어 있다.
JavaScriptCore : 자바스크립트라는 언어를 통해서 브라우저나 , node.js, 구글스프레시트 등의 다양한 호스트 환경 즉, 서버를 제어할 수 있다.
그 호스트 환경이 무엇이든 간에 공통으로 사용할 수 있다.


마우스휠 이벤트를 사용하기 위해서는 해당 플러그인이 제공하는 호출 구문을 사용해야 한다.
$("선택자").on("mousewheel",function(event, delta){
if(delta>0){
마우스휠을 올렸을 때 실행구문;
}else if(delta<0){
마우스휠을 내렸을 때 실행구문;
}


이벤트가 발생되면 이벤트에 매개변수로 넘긴 함수가 호출되는데, 이때 매개변수로 event 객체를 넘겨준다.
이 event 객체의 프로퍼티에는 이벤트 발생시 얻을 수 있는 정보가 들어있으며, 
이벤트 모델의 전파 과정을 컨트롤할 수 있는 메서드와 브라우저 기본 동작이 발생하지 않도록 하는 메서드가 포함되어 있다.

내 앞의, 내 뒤의 형제 요소들을 선택하는 메소드
prev() : 나를 포함하지 않은 내 전에 요소
prevAll() : 나를 포함하지 않은 내 전의 모든 요소
prevUntil() : 나를 포함하지 않은 전에 요소부터 지정한요소 전까지
next() : 나를 포함하지 않은 바로 다음요소
nextAll() : 나를 포함하지 않은 내 다음의 모든 요소
nextUntil() : 나를 포함하지 않은 다음 요소부터 지정한 요소 전까지

객체란 변수와 함수가 모여 만든 하나의 꾸러미
빈 객체를 생성하여 변수와 함수를 그 안에 추가할 수 있으며 
이 때 선언된 변수를 '프로퍼티', 이때 선언된 함수를 '메서드'라고 부른다.
객체 자체는 프로퍼티와 메서드를 갖는 역할만 한다.

객체는 new Object() 또는 {}, 두가지 방법으로 생성할 수 있다.
객체는 순서와 갯수와 상관없이 사용자 임의로 프로퍼티 또는 메서드를 추가시킬 수 있다.
객체는 생성과 동시에 프로퍼티를 추가시키는 것도 가능하다.
메서드 추가시 함수따로 선언하고 객체에 함수명을 참조하여 메서드로 추가할 수 있다.

location href property
.setInterval(function,millisecond)method
윈도우 객체가 가지고 있는 타이머 함수를 활용하여 일정시간마다 원하는 함수가 동작하도록 지정할 수 있다.
-지정한 시간마다 함수를 실행한다. (제거시에는 .clearInterval()사용)
.setTimeout(function,millisecond)method
-지정한 시간 후에 함수를 실행한다.

location객체를 활용하면서 새창으로 띄우는 방법으로는 window 객체의 open()메소드를 호출하면서 about속성의 값을 blank로 주고
location객체의 href 속성값으로 연결한다.

'CSS, Javascript, jQuery > information' 카테고리의 다른 글

javascript method  (0) 2023.05.26
jQuery selector  (0) 2023.05.24
jQuery 메서드  (0) 2023.05.18
javascript란  (0) 2023.05.12
jQuery 사용법  (0) 2023.05.11