달력

8

« 2020/8 »

  •  
  •  
  •  
  •  
  •  
  •  
  • 1
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  
  •  

전체 선택자

  • CSS와 동일하므로 익숙하게 익혀야 함

선택자

설명

*

  • 전체 선택자
  • 문서 객체 전체 선택(DOM에서는 태그가 객체로 인식됨)

   

   

jQuery 내용 분량

1/3

선택자

CSS에서도 사용되는 선택자 임

1/3

DOM and event

1/3

ajax

   

   

소스코드

<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

//*        : 전체 선택자로 문서 객체 전체 선택(DOM에서는 태그가 객체로 인식됨)

$('*').css('color', 'blue');

});

</script>

</head>

<body>

<h1>계절</h1>

</body>

 


 

   

출력결과

   

마우스 우클릭 > 요소 검사

모든 태그에 적용된 것을 확인 할 수 있습니다.

'Development > JavaScript, jQuery, ...' 카테고리의 다른 글

js파일 인코딩 방식 설정 방법 3가지  (0) 2014.09.26
NaN(Not a Number)  (0) 2014.09.22
02.html-전체 선택자  (0) 2014.09.21
객체의 프로퍼티 접근하기  (0) 2014.09.10
Sencha 라이브러리 설치  (0) 2014.09.04
01.html-객체 생성 2  (0) 2014.09.02
Posted by codedragon codedragon

댓글을 달아 주세요

콜백함수(callback function)

익명함수의 대표적인 응용형태가 콜백함수이며 코드를 통해 명시적으로 호출하는 함수가 아닙니다.

개발자는 단지 함수 정의만 하고, 어떤 이벤트가 발생하거나 특정 시점에 도달했을 때 시스템에서 호출해주는 함수가 콜백함수입니다.

   

대표적인 콜백 함수 사용 예) 자바스크립트의 이벤트 핸들러 처리

   

자바스크립트의 이벤트 처리와 콜백함수 호출 도식도

   

   

학습 내용

웹페이지 로드시 경고창을 띄워주는 과정에서의 처리과정에 대해 학습

   

   

소스 코드

<html>

<head>

<meta charset="UTF-8">

<title>이벤트 처리와 콜백함수</title>

<script type="text/javascript">

// 페이지 로드시 호출될 콜백 함수

window.onload = function() {

alert('콜백함수가 실행되었습니다.');

};

</script>

</head>

<body>

</body>

</html>

   

출처: <https://github.com/10zeroone/study_javascript/blob/master/WebContent/ch04-function/23.html>

   

   

   

window.onload이벤트핸들러와 콜백함수 처리 도식도

웹페이지load 이벤트 발생 후 window.onload이벤트 핸들러에서 호출한 콜백함수가 실행되었습니다

   

'Development > JavaScript, jQuery, ...' 카테고리의 다른 글

내부 함수 호출/함수 스코프  (0) 2014.06.09
즉시 실행 함수  (1) 2014.06.09
이벤트 처리와 콜백함수  (0) 2014.06.08
익명 함수 형태의 내부 함수  (0) 2014.06.08
jQuery 파일 CDN 경로  (0) 2014.06.08
jQuery의 특징  (0) 2014.06.08
Posted by codedragon codedragon

댓글을 달아 주세요