jQuery 기본 자습서 발췌

Hello jQuery
=======
공백 HTML 페이지 코드, jquery만 불러옵니다.js 라이브러리.

<html>

<head>



    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>



    <script type="text/javascript">                                         

   // we will add our javascript code here                                     

    </script>



</head>

<body>

    <!-- we will add our HTML content here -->

</body>

</html>

다음 코드는 문서 대상의ready 이벤트에 이벤트 처리 코드를 등록합니다.

$(document).ready(function() {

    // do stuff when DOM is ready

});

다음 코드의 작업은 문서 대상이 준비되었을 때ready 이벤트를 호출할 때 현재 문서의 모든 a 대상(하이퍼링크 대상)을 선택하고 a 대상이 클릭될 때alert를 팝업해서 Hello World를 출력하는 것입니다.

$(document).ready(function() {

    $("a").click(function() {

        alert("Hello world!");

    });

});

여기 $("a") 를 주의하십시오. 이것은 jquery의 선택기 (selector) 입니다.
기호'$' 자체는 jQuery의 "class"의 별명이기 때문에 $()는 새로운 jQuery 대상을 구성합니다.
click ()는 jQuery 대상의 함수입니다.
위의 코드는 실제적으로 클릭 () 이벤트를 선택한 모든 요소에 연결하고 (이 예는 하이퍼링크 요소일 뿐) 이벤트가 발생할 때 우리가 제공한 함수 코드를 실행합니다.

위의 코드는 다음과 같습니다.

<a href="" onclick="alert('Hello world')">Link</a>

이 두 자의 차이는 매우 뚜렷하다.

우리는 모든 요소에 onclick을 쓸 필요가 없다.

우리는 구조(HTML)와 행위(JS)를 뚜렷하게 분리했다. 구조(HTML)와 표현(CSS)을 분리하는 것과 같다.

출처:
Tutorials:Getting Started with jQuery
http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

C# 1탄의 Hello World 배우기

이번 학기에 C#의 학습이 시작되었는데, 속담에'만사'는 Hello World부터 시작하여 먼저 자신의 Hello World 코드를 붙인다. 이상은 바로 가장 기본적인 Hello World 프로그램으로 C# 프로그램...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

jQuery 기본 자습서 발췌 - Hello World

좋은 웹페이지 즐겨찾기