제이쿼리는 스크립트<script></script> 안에서 선언하고 사용한다.
제어쿼리 사이트에서는 두가지로 시작할 수 있다고 써 있다.
추가로 ready안의 function의 이름을 바꿔서 사요할 수 있다.
사용법>
1) 첫번째 - 정석
$(document).ready(function(){
console.log("ready!");
});
2) 두번째 - 짧게
$(function(){
console.log("ready!");
});
function 이름 바꾸기>
function readyFn( jQuery ) {
// Code to run when the document is ready.
}
$( document ).ready( readyFn );
// or:
$( window ).on( "load", readyFn );
출처>
jQuery 사이트
https://learn.jquery.com/using-jquery-core/document-ready/
1)
A page can't be manipulated safely until the document is "ready." jQuery detects this state of readiness for you. Code included inside $( document ).ready() will only run once the page Document Object Model (DOM) is ready for JavaScript code to execute. Code included inside $( window ).on( "load", function() { ... }) will run once the entire page (images or iframes), not just the DOM, is ready.
2)
Experienced developers sometimes use the shorthand $() for $( document ).ready(). If you are writing code that people who aren't experienced with jQuery may see, it's best to use the long form.
You can also pass a named function to $( document ).ready() instead of passing an anonymous function.
'Software > Javascript&jQuery' 카테고리의 다른 글
[jQuery] 두 이벤트를 한 function에서 사용하기 - mouseover, mouseout (0) | 2021.06.27 |
---|---|
[jQuery] style 속성 여러개 바꾸기 (0) | 2020.06.28 |
[Javascript] 페이지 중앙 위치 확인 - width, height 구하기, document.documentElement.clientWidth, window.innerWidth (0) | 2020.06.17 |
[jQuery] toggle() 사용해서 특정 영역 숨기기, 보이기 (0) | 2020.05.24 |
[jQuery] prop(), attr() 사용해서 - 버튼(button) 비활성화(사용안하기) disabled() 처리하기 (0) | 2020.05.22 |