javascript_javascript 기술에서 $(function() {}); 을 쓰는 것과 쓰지 않는 것의 차이점은 무엇입니까?
- WBOY원래의
- 2016-05-16 15:46:091184검색
JavaScript의 $(function() {....}) 은 jQuery의 고전적인 사용법으로 $(document).ready(function() {.. .. }), 은 페이지가 로드된 후에만 함수가 실행된다는 의미입니다. 함수에서 DOM을 조작하려면 페이지가 로드된 후에 실행하는 것이 더 안전하므로 이 작성 방법은 다음과 같습니다. jQuery를 사용할 때 매우 일반적입니다.
$(document).ready() 의 코드는 페이지 콘텐츠가 로드된 후 실행됩니다. 코드를 스크립트 태그에 직접 작성하면 페이지가 로드될 때 스크립트 태그가 실행됩니다. 이때, 태그에서 실행된 코드가 아직 로드되지 않은 코드나 DOM을 호출하면, 당연히 스크립트 태그를 맨 뒤에 넣으면 오류가 발생합니다. 그러면 아무런 문제가 없을 것입니다. 효과는 준비된 것과 동일합니다.
$(document).ready(function(){})는 $(function(){});
으로 축약될 수 있습니다.단락을 클릭하면 다음 단락이 숨겨집니다.
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
</html>
$(document).ready(function() {})을 제거하면 단락을 숨길 수 없습니다.
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("p").click(function(){
$(this).hide();
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
</html>
그러나 페이지 끝에 스크립트를 넣으면 숨겨진 효과가 복원될 수 있습니다.
<html>
<head>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$("p").click(function(){
$(this).hide();
});
</script>
</html>
자바스크립트에서 (function(){})()의 기능과 사용법은 무엇인가요
사람하고는 상관없습니다
(function(){})()는 익명 메서드의 즉각적인 실행을 나타냅니다.
일반적으로 외부 세계로부터 격리하고, 클로저와 유사한 환경을 만들고, 범위 체인을 만들고, 변수 충돌을 방지하는 데 사용됩니다
(function(){
var a;
..........
})()
이 글은 주로 JavaScript에서 $(function() {});을 쓰는 것과 쓰지 않는 것의 차이점을 소개합니다.