jquery 정의 변수 사용법

프론트엔드 개발에서는 다양한 기능을 구현하기 위해 js 라이브러리인 jquery를 사용해야 하는 경우가 많습니다. jquery에서 변수를 정의하고 사용하는 것 역시 우리가 마스터해야 할 지식의 일부입니다. 이 글에서는 jquery에서 변수를 정의하고 사용하는 방법을 설명합니다.

1. jquery 변수 정의

jquery에서는 아래와 같이 var 키워드를 사용하여 변수를 정의합니다.

// 定义一个变量
var num = 1; 

한 번에 여러 변수를 쉼표로 구분하여 정의하는 것도 지원합니다.

// 定义多个变量
var num = 1, str = "hello world", bool = true;

, jquery에서 변수를 정의할 때 변수를 초기화할 필요가 없습니다. 즉, 변수의 값은 후속 코드에서 할당될 수 있습니다. 아래와 같이

// 定义一个变量，未初始化
var num;
num = 1; // 给变量赋值

2. jquery 변수의 범위

jquery에서 변수의 범위는 변수의 접근 가능한 범위를 의미합니다. 함수 내부에 정의된 변수는 함수 내에서만 접근할 수 있고, 함수 외부에 정의된 변수는 전체 파일 내의 코드로 접근할 수 있습니다.

예를 들어 다음 코드에서 변수 num1과 num2는 함수 내에 정의되고 변수 num3은 함수 외부에 정의됩니다.

function myFunction(){
  var num1 = 1;
  var num2 = 2;
  console.log(num1); // 1
  console.log(num2); // 2
}

var num3 = 3;
console.log(num3); // 3
console.log(num1); // Uncaught ReferenceError: num1 is not defined
console.log(num2); // Uncaught ReferenceError: num2 is not defined

위 코드에서 볼 수 있듯이 외부에서 변수 num1과 num2에 액세스합니다. 함수는 함수 내부에 정의되어 있고 함수 외부에서 액세스할 수 없기 때문에 오류를 보고합니다.

3. jquery 변수 사용

jquery에서도 변수 사용은 다른 언어와 동일하며 변수 이름을 직접 사용하면 됩니다.

var num = 1;
console.log(num); // 1

동시에 jquery는 $(this), $(document) 및 $(window) 등과 같은 몇 가지 특수 변수도 제공합니다.

$(this)는 일반적으로 이벤트 함수에 사용되는 현재 선택된 요소를 나타냅니다.

$("button").click(function(){
  $(this).hide();
});

$(document)는 전체 HTML 문서를 나타내며 문서가 로드된 후 코드를 실행할 수 있습니다:

$(document).ready(function(){
  // 要执行的代码
});

$(window ) 는 페이지를 스크롤할 때 일반적으로 사용되는 브라우저 창을 나타냅니다.

$(window).scroll(function(){
  // 要执行的代码
});

IV. 요약

이 기사에서는 변수 정의, 범위 및 특수 변수의 사용을 포함하여 jquery의 변수 정의 및 사용을 소개합니다. 이 지식을 익히면 jquery를 더 효과적으로 사용하여 프런트엔드 애플리케이션을 개발하고 개발 효율성을 향상시킬 수 있습니다.

위 내용은 jquery 정의 변수 사용법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!