Basic JQuery

안녕하세요, 기본 JQuery 튜토리얼에 오신 것을 환영합니다 여기서는 JQuery의 기본 개념과 그것을 사용하는 방법에 대해서도 논의 할 것입니다

먼저 jquery가 무엇인지 논의 할 것입니다 기본적으로 Jquery는 자바 스크립트 라이브러리입니다 이는 클라이언트 측 스크립팅을 간단하게 만듭니다 그것은 자바 스크립트로 작성되어 웹 페이지에 포함 된 단일 파일입니다 코딩이 간단하고 효율적이며 쉽습니다

가능한 경우에도 자바 스크립트로 코딩하는 방법을 알고 있다면 여전히 권장됩니다 javascript에 대한 지식없이 JQuery를 배울 수 있습니다 이것은 jquery가 작동하는 방식을 알고 있으며 여전히 네이티브 javascript 코드를 사용할 수 있습니다 당신 jquery에서 할 수없는 일을하려고하는 경우 jquery에서 jquery의 사용법에 관해서는, 문서 개체 모델 또는 DOM 도우미로 사용할 수 있습니다

또는 웹 페이지의 요소 그룹 이벤트 핸들러로 사용할 수도 있습니다 어느 귀하의 자바 스크립트 작업 및 이벤트를 구성하게 또한 아약스 요청에 대한 훌륭한 기능도 제공됩니다 몇 가지 특수 효과와 애니메이션을 수행하기 위해 jquery가 그 기능을 수행 할 수 있습니다 그것은 내장되어 있습니다 비록 당신이 더 많은 효과를 원한다면 사용할 수있는 기본 효과가 jquery가 많이 있습니다

인터넷의 플러그인을 다운로드 할 수 있습니다 마지막으로 jquery는 브라우저 유틸리티로도 사용할 수 있습니다 이제 jquery가 무엇인지 논의했습니다 이제 튜토리얼에 우리 손 먼저 Jquery를 설치합니다

웹 사이트, jquerycom을 클릭하고 큰 다운로드 버튼을 클릭하십시오 너는 두 가지 항목이있는 라디오 버튼보기, 제작 및 개발, 제작에 맡기십시오 우리는 단지 그것을 사용할 것이기 때문에 다운로드를 클릭하면이 페이지가 나타납니다

당신은 왜 그런지 궁금해 할 것입니다 내 브라우저가 방금 열어서이 파일을 다운로드하지 못하게했습니다 이것은 그렇게 당신은 또한 몇몇 페이지의 그것을 포함하기 위하여 URL를 이용할 수있다 그러나 우리는 오프라인에서 일할 것이기 때문에 우리는 jquery의 자체 복사본을 원한다 대신이 파일을 복사해서 다운로드 할 것이다

다만 해당 페이지를 자바 스크립트 파일로 저장하십시오 입력하기 쉽도록 jquery (버전 번호 삭제)로 이름을 바꿉니다 (이후 나는 숫자를 암기에 조금 게으른 편임) 그래서 우리는 우리의 파일을 다운로드하고 그것은 우리 웹 페이지와 함께 폴더에 있습니다 지금은 그냥 비어있는 페이지입니다 그런 다음이 페이지를 편집 할 것입니다

보시다시피 이미 기본 HTML 태그가 포함되어 있습니다 jquery가 어떻게 작동하는지 보려면 버튼을 먼저 누르고 btn_action이라는 ID를 지정합니다 이 페이지를 실행하면 버튼이 보입니다 우리가 만들었습니다 이제 jquery 파일을 포함시킨 다음 초기화합니다

그것 document dot ready는 웹 페이지로드가 완료된 후에 호출되는 jquery 함수입니다 windowonload 또는 body onload 속성과 동일한 javascript입니다 우리가 알고있는 javascript, 이미로드되지 않은 경우 웹 페이지에서 요소를 선택할 수 없습니다

이 함수와 다른 jquery 내장 함수를 호출하려면 "달러" jquery의 별명 인 sign 준비 기능 안에는 우리가 행동을 추가 할 곳이 있습니다 먼저 해쉬 기호를 사용하여 ID가 ​​"btn_action"인 버튼을 선택합니다 CSS를 아는 경우 CSS 선택자와 매우 유사합니다 버튼을 선택한 후에는 클릭 이벤트 우리 문서의 도트 준비 기능과 동일하게, 우리는 먼저 우리의 문서는 준비 기능을 호출했다

클릭 이벤트에서 우리는 메시지와 함께 경고하는 안녕하세요 이제 저장하고이 페이지를 실행하십시오 브라우저를 새로 고침하면됩니다 단추를 클릭하면 대화 상자가 표시됩니다 메시지 Hello World 다시 한 번 클릭 해 보겠습니다

여전히 동일합니다 다른 이벤트와 함께 놀 수도 있습니다 온라인 문서를 확인하십시오 jquery 그리고 그게 다야

이것은 jereme이고 방금 자습서를 보았습니다 코더 친구의