페이지를 로드하는 jquery 메서드(페이지가 로드된 후 실행)_jquery

1. $(function(){
　$("#a").click(function(){
　　 //여기에 코드 추가
　});
}); , $(document).ready(function(){
　$("#a").click(function(){
　　 //여기에 코드 추가　　
　});
});
3. window.onload = function(){
　$("#a").click(function(){
　　 //여기에 코드 추가
　})
html 코드는
클릭
이고 페이지는 jquery의 js 파일을 참조해야 합니다페이지 로딩 시 js를 호출하는 일반적인 방법은 다음과 같습니다.

window.onload = function() {
$("table tr:nth-child(even)").addClass("even"); //jquery 코드입니다
}; >이 코드는 전체 페이지에 표시됩니다. 모든 문서가 로드된 후 실행됩니다. 불행하게도 이 방법을 사용하려면 페이지의 DOM 트리가 완전히 로드되어야 할 뿐만 아니라 모든 외부 이미지와 리소스도 로드되어야 합니다. 더욱 불행한 점은 이미지와 같은 외부 리소스를 로드하는 데 시간이 오래 걸리면 이러한 js 효과로 인해 사용자가 무력감을 느끼게 된다는 것입니다.

그러나 jquery 메서드를 사용하세요.

$(document).ready(function() {

// 실행해야 하는 모든 js 특수 효과
$ ("table tr:nth-child(even)").addClass("even");
});

은 모든 DOM 구조를 로드하고 모든 HTML을 DOM에 넣으면 됩니다. 브라우저 js 효과는 트리보다 먼저 실행됩니다. 외부 이미지 및 리소스를 로드하기 전에 포함됩니다.

간략한 방법도 있습니다:

$(function() {

// 실행해야 하는 모든 js 특수 효과
$("table tr :n번째- child(even)").addClass("even");
});