[ jquery ] jquery 선언 하고 사용하기 > javascript&jQuery

본문 바로가기
사이트 내 전체검색

javascript&jQuery

[ jquery ] jquery 선언 하고 사용하기

페이지 정보

작성자 웹지기 댓글 0건 조회 4,471회 작성일 21-01-27 16:18

본문

jquery 불러오기 두가지 방식

 head 태그에 링크를 직접 넣는 방법 ( 서버에 업로드 후 사용 )

<script src="https://funyphp.com/js/jquery-1.8.3.min.js.pagespeed.jm.0IhQ85x_cu.js"></script>

 head 태그에 cdn을 이용해서 넣는 방법

<script src="http://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>

  CDN( Contents Delivery Network )

  - 지리,물리적으로 떨어져 있는 사용자에게 컨텐츠를 더 빠르게 제공할 수 있는 기술

  - 느린 응답속도 / 다운로딩 타임 을 극복하기 위한 기술

 

기본 사용 방식

<script type="text/javascript">

//기본 사용 방식 

$(document).ready(go){};

function go() {

    alert("ok");

}

/* 위의 기본 사용방식에서 function go 부분의 함수를

* 간단하게 사용하기 위해 함수를 ready() 부분에 직접 넣어서 사용할 수 가 있다.

* 이런식으로 간단하게 사용할 수 가 있다.

*/

$(document).ready(function() {

    alert("ok");

});

</script>

추천0 비추천0

댓글목록

등록된 댓글이 없습니다.

Total 63건 2 페이지
  • 48 [ javascript ] 자바스크립트 선언문( 내부 선언, 외부 선언 )
  • ※ 자바스크립트 선언문 1) 내부스크립트로 작성법 - 선언문은 자바스크립트 코드를 작성할 영역을 선언하는 것 - 태그 선언문의 시작과 종료의 사이에 코드를 적는다. 예) &lt;script&gt; -- 코드 작성 -- &lt;/script&gt; - 태그 선언은 &lt;head&gt;&lt;script&gt;&lt;/script&gt;&lt;/head&gt; 또는 &lt...
  • 웹지기 02-09 2531 0 0 댓글 0
+6
  • 47 [ javascript ] 이클립스에 자바스크립트 자동완성 추가하기
  • tern.repository-1.2.1.zip 파일을 다운을 받는다. Help &gt; Install new Software 를 통해 다운받은 파일을 등록한다. 중간에 Install~~ 등의 문구가 나오면 Install 클릭하고 Restart가 나오면 재시작 해준다. 새로운 프로젝트를 만들고 설정을 해준다. Javascript &gt; tern 에서 ECMAscript6 선택 Javascript &gt; tern &gt; mod...
  • 웹지기 02-08 1762 0 0 댓글 0
  • 46 [ jQuery ] ajax 통신
  • Ajax 에서 응답을 받아서 처리하는 함수를 CallBack 함수라 한다. Ajax 동기식과 비동기식의 차이 - 동기식과 비동기식은 Ajax 자체에서 처리하게 해주는 기능 - 동기방식은 여러개의 요청을 요청 순서대로 하나씩 차례로 처리하는 방식 첫번째 요청이 끝나지 않으면 두번째 요청이 처리 되지 않는다. 첫번째 요청이 처리가 되어야 다음으로 넘어갈 수 있다. - 비동기방식은 여러개의 요청을 순서에 상관없이 처리 순서에 따라 처리하는 방식 첫번째 요청과 두번째 요청에서 먼저...
  • 웹지기 01-29 1389 0 0 댓글 0
  • 45 [ jquery ] jquery란 무엇인가?
  • jQuery 1) 정의 - jQuery란 웹사이트에 자바스크립트를 쉽게 사용할 수 있도록 도와주는 오픈소스 기반의 자바스크립트 라이브러리. - "write less, do more(적게 작성하고, 많은 것을 하자)" 라는 모토로 2006년 미국의 SW 개발자 존 레식(John Resig)이 발표 2) 특징 - 웹페이지 상에서 요소(Element)를 쉽게 찾고 조작할 수 있다. - 거의 모든 웹브라우저에 대응할 정도로 호환성이 매우 뛰어남 - 네트워크, 애니메...
  • 웹지기 01-28 1627 0 0 댓글 0
  • 열람중 [ jquery ] jquery 선언 하고 사용하기
  • jquery 불러오기 두가지 방식 head 태그에 링크를 직접 넣는 방법 ( 서버에 업로드 후 사용 ) &lt;script src="https://funyphp.com/js/jquery-1.8.3.min.js.pagespeed.jm.0IhQ85x_cu.js"&gt;&lt;/script&gt; head 태그에 cdn을 이용해서 넣는 방법 &lt;script src="http://code.jquery.com/jquery-3...
  • 웹지기 01-27 4472 0 0 댓글 0
  • 43 [ javascript ] 함수 선언식, 함수 표현식, 람다식
  • 함수 선언식, 함수 표현식, 람다식 - 함수 선언식 : 일반적인 프로그래밍 언어에서의 함수 선언과 비슷한 형식 ( function 함수명() { 로직 } ) - 함수 표현식 : 유연한 자바 스크립트 언어의 특징을 활용한 선언 방식 ( var 함수명 = function () { 로직 } ) - 람다식 : ( ) =&gt; $(document).ready( () =&gt; { }); 함수선언식은 호이스팅에 영향을 받지만, 함수표현식은 호이스팅에 영향을 받지 ...
  • 웹지기 01-15 1802 0 0 댓글 0
  • 42 [ ECMAScript ] javascript - continue 라벨 문
  • continue mainloop 문 - 평균값과 최대 평균값 구하기 배열값 중에서 10보다 큰 값이 나오면 다음 배열로 넘어가고 배열값 중에서 10보다 큰 값이 없으면 for문 종료 a[0][] 배열에는 10이 없으므로 배열은 합하고 종료 a[1][] 배열에서 1, 5, 12 까지 진행이 되고 종료되지 않고 연결해서 a[2][] 배열로 넘겨 버린다. &lt;!DOCTYPE html&gt; &lt;html&gt; &lt...
  • 웹지기 01-15 1939 0 0 댓글 0
  • 35 [ jQuery ] 배열
  • 배열 만들기var fruits = ['사과', '바나나'];console.log(fruits.length);// 2인덱스로 배열의 항목에 접근var first = fruits[0];// 사과var last = fruits[fruits.length - 1];// 바나나배열의 항목들을 순환하며 처리하기fruits.forEach(function (item, index, array) { console.log(item, index);});// 사과 0// 바나나 1배열 끝에 항목 추가하기var newLen...
  • 웹지기 09-10 2334 0 0 댓글 0
  • 34 [ jQuery ] radio button control
  • checked 된 radio 값$('input:radio[name="radio_name"]:checked').val();특정 radio 버튼 checked$('input:radio[name="radio_name"]:input[value="1"]').attr("checked", true);(checked 해제는 false)- value 자리에 원하는 값을 세팅하면 radio_name 으로 된 버튼중 해당 값과 매칭되는 것을 찾아...
  • 웹지기 09-10 2805 0 0 댓글 0
게시물 검색

회원로그인

접속자집계

오늘
21,253
어제
25,733
최대
43,745
전체
10,602,868

그누보드5
Copyright © funyphp.com. All rights reserved.