Jquery_jquery의 '$(document).ready(function(){ })' 함수 사용에 대한 자세한 설명
- WBOY원래의
- 2016-05-16 17:06:181692검색
Jquery는 뛰어난 Javascrīpt 프레임워크입니다. $는 jquery 라이브러리의 선언입니다. 매우 불안정합니다(자주 접함). jQuery.noConflect().ready(function) ( ){});
jQuery를 사용하면 다양한 브라우저 버전의 작업을 DOM 개체에 패키지화할 수 있다는 장점이 있습니다. (자바스크립트의 DOM 개체를 알아야 합니다.
예를 들어 jquery 작성:
$("div p"); // (1)
$("div.container") // (2)
$("div # msg" ); // (3)
$("table a",context); // (4)
$("#myId"); //(5)
코드의 첫 번째 줄은
요소를 가져옵니다. 코드의 두 번째 줄은 클래스 컨테이너가 있는
CSS에 익숙하다면 이러한 작성 방법이 매우 익숙할 것입니다! 오른쪽. 정확히. 그 비밀을 보실 수 있습니다. 이것이 jquery가 Dom 객체에서 요소를 찾는 방법입니다. CSS 선택자와 유사합니다.
이제 구체적인 질문에 답해 보겠습니다
$(document).ready(function(){
alert("hello");
});(1)
위의 두 코드는 동일합니다. 하지만 코드 1의 장점은 성능과 로직을 분리한다는 것입니다. 그리고 동일한 작업이 다른 js 파일에서도 수행될 수 있습니다. 즉, $(document).ready(fn)가 충돌 없이 페이지에 반복적으로 나타날 수 있습니다. 기본적으로 Jquery의 많은 플러그인은 이 기능을 활용하므로 초기화 중에 여러 플러그인을 충돌 없이 함께 사용할 수 있습니다.
$(document).ready(function(){
추가된 콘텐츠
});
콘텐츠 추가$(".btn-slide").click( function (){
Alert("a 태그에서 btn-slide와 동일한 클래스의 링크를 클릭했습니다.");
});
class=btn-slide인 슈퍼 링크를 클릭하면 "a 태그에서 btn-slide와 동일한 클래스의 링크를 클릭했습니다"라는 대화 상자가 나타납니다.
너무 편리하고 사용하기 쉬우므로 jquery를 사용하는 것이 좋은 선택입니다.