>  기사  >  웹 프론트엔드  >  Jquery 준비 이벤트의 네 가지 방법은 무엇입니까

Jquery 준비 이벤트의 네 가지 방법은 무엇입니까

青灯夜游
青灯夜游원래의
2022-12-16 17:45:003485검색

jquery 준비 이벤트의 네 가지 방법은 다음과 같습니다: 1. “$(document).ready(function(){…})” 방법 2. “jQuery(document).ready(function(){… }) ” 메서드; 3. “$(function(){…})” 메서드 4. “jQuery(function(){…})” 메서드.

Jquery 준비 이벤트의 네 가지 방법은 무엇입니까

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.6.1 버전, Dell G3 컴퓨터.

jquery 준비 이벤트

준비 이벤트는 DOM(문서 개체 모델) 로드가 완료되고 페이지가 완전히 로드될 때 발생합니다(이미지 포함).

이 이벤트는 문서가 준비된 후에 발생하므로 다른 모든 jQuery 이벤트와 함수를 이 이벤트에 배치하는 것이 좋습니다.

jQuery에서는 Ready 이벤트를 작성하는 방법이 4가지가 있습니다.

구문: ​​

//写法1:
$(document).ready(function(){
    ……
})

//写法2:
jQuery(document).ready(function(){
    ……
})

//写法3:
$(function(){
    …… 
})

//写法4:
jQuery(function(){
    ……
})

【코드 분석】

  • 작성 방법 1에서 $(document)는 문서를 먼저 선택한 다음 Ready() 메서드를 호출한다는 의미입니다. Ready() 메소드의 매개변수는 아래 그림과 같이 익명함수입니다. $(document) 表示先选取 document,然后调用 ready() 方法。其中 ready() 方法的参数是一个匿名函数,如下图 所示。

    Jquery 준비 이벤트의 네 가지 방법은 무엇입니까

  • 在写法 2 中,$就是指jQuery。因此我们可以使用$来代替jQuery,两者是等价的,即$()等价于 jQuery()

  • 而写法 3,实际上是我们最常用的也是最简单的,在此之前大家已经接触过很多次了。在实际开发中,我们也建议使用$(function(){})这种形式,方便简洁。

  • 写法 4 是写法 3 的完整形式,在实际开发中,我们并不推荐使用。

$(document).ready()

Jquery 준비 이벤트의 네 가지 방법은 무엇입니까

li>작성방법 2에서 $jQuery를 의미합니다. 따라서 jQuery 대신 $를 사용할 수 있습니다. 즉, $() jQuery()와 동일합니다.

글쓰기 방법 3은 실제로 가장 일반적으로 사용되며 가장 간단한 방법입니다. 누구나 이전에 여러 번 접해 본 적이 있을 것입니다. 실제 개발에서는 편의성과 단순성을 위해 $(function(){}) 형식을 사용하는 것이 좋습니다.

Jquery 준비 이벤트의 네 가지 방법은 무엇입니까

Writing 4는 writing 3의 완성형입니다. 실제 개발에서는 사용을 권장하지 않습니다.

$(document).ready()는 jQuery에서 가장 중요한 메서드로, 페이지 로딩 속도를 크게 향상시킬 수 있습니다. 예:

🎜🎜ready()를 사용하여 문서가 로드된 후 기능을 사용할 수 있도록 설정: 🎜
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("p").slideToggle();
				});
			});
		</script>
	</head>
	<body>

		<p>这是一个段落 。</p>
		<button>切换段落的上滑与下滑。</button>

	</body>
</html>
🎜🎜🎜🎜[권장 학습: 🎜jQuery 비디오 튜토리얼🎜, 🎜웹 프론트엔드 비디오🎜]🎜

위 내용은 Jquery 준비 이벤트의 네 가지 방법은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.