[JQuery] 사용방법

아래 구문을 상단에 위치시키면 JQuery 사용 준비 끝

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

- 단 <script src..... />이렇게 단괄호를 사용하면 안된다..

 

일정 시간마다 자동 실행 (ex. 실시간 검색어)

playAlert = setInterval(function() {
   alert('http://webisfree.com');
}, 3000);

$(function(){}) 와 $(document).ready(function(){}) 는 같은 구문이다.

$(document).ready(function(){})

$(function(){}) 

ready는 페이지 로딩을 마쳤을때 실행하는 함수이다. JavaScript에서는 한번만 사용가능하지만, JQuery에서는 여러번 사용 가능하다.

 

아작스 사용방법 은 버젼별로 다르기 때문에 jQuery홈페이지를 꼭 확인하기

$.ajax({
  url: "https://fiddle.jshell.net/favicon.png",
})
  .done(function( data ) {
   //데이터를 넣으려면 아래와 같은 식으로
   $("#im").text(data) //set
  });

아작스는 서버에서 데이터를 가져와주고 .done에서 작업을 마친다.

마친 후에서 스크립트에서 화면에 데이터를 뿌려준다.

 

JQuery에서 value는 값(request에서 전송되는 벨류)

text는 화면에 표시되는 값 (request전송에서 사용되지 않음)