jQuery 배포(HTML)

3509 단어 HTMLjQuery

jQuery 라이브러리 로드



jQuery 다운로드



▶︎ jQuery 다운로드는 여기

링크로 날아 jQuery의 항목 1 위까지 복사
※버전이 갱신되면 조금 표기 바뀌고 있는 경우도 있습니다.


복사한 내용을 index.html의 head에 붙여넣으면 로드할 수 있습니다.



※jQuery는 다른 JavaScript 파일보다 먼저 읽지 않으면 에러가 나온다.
따라서 다른 모든 자바 스크립트 파일 위에 jQuery를 읽을 위치를 설명합니다.

index.html
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="stylesheet/style.css">
  <link rel="stylesheet" type="text/js" href="js/index.js">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fon/t-awesome/4.6.3/css/font-awesome.css"></script>
  //この行に貼り付け(今回は以下のmain.jsのJavascriptファイルより上)
  <script src="./main.js"></script>
  <title>appTitleSample</title>
</head>

이것으로 도입이 완료됩니다.

Memo



HTML 검색은 Javascript와 동일합니다.
위에서 < script src="./main.js"> 라고 기술하고 있으므로,
이 경우 main.js의 파일내에 취득하고 싶은 클래스명등을 기술해 갑니다.

main.js (스스로 작성한 파일.js에 기술)
$(function() {
  console.log($(".クラス名"));
});

※여기에는 클래스명 뿐만이 아니라 여러가지 넣을 수 있다.

마지막으로 한



이번에도 또 이해 불충분한 점이 떠올랐습니다.

불명점 「①jQuery의 링크처 태그를 카피하는 방법과 ②gem의 인스톨 후의 도입 방법의 차이」



자바 스크립트 라이브러리 jQuery는 소개 할 때 이번처럼,
링크처의 script 태그를 카피해 index에 붙여 넣는 방법이 있다.
또, haml에서 비동기 통신으로의 jQuery의 도입은 gem을 bundle install해 index에 추기했기 때문에, 그 차이를 아직 알고 있지 않습니다.

이번에는 HTML을 예로 기록을 남기고 있지만,
haml의 경우를 별도로 기록 기사 를 남겨 둡니다.

①의 방법은 태그의 전환을 상정한 것으로 HTML을 사용하는 것을 참고로 했습니다.
②는 haml을 사용하여 비동기 통신을 하는 것을 상정한 것을 참고로 하고 있습니다.

도입에 관해서도 아직 미숙하기 때문에 조사해 가고 싶습니다.

브라우저 정보 만이라면, ①의 방법으로 좋은 것일까
②의 방법은 데이터정보 등을 가져와야 하는 Ajax라든지 관계하는가.
알고 싶은 것이 아직 있습니다.

좋은 웹페이지 즐겨찾기