jQuery 배포(HTML)
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라든지 관계하는가.
알고 싶은 것이 아직 있습니다.
Reference
이 문제에 관하여(jQuery 배포(HTML)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/kusaharajiji/items/17f7f02df0f65d924e32
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<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>
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라든지 관계하는가.
알고 싶은 것이 아직 있습니다.
Reference
이 문제에 관하여(jQuery 배포(HTML)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/kusaharajiji/items/17f7f02df0f65d924e32
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(jQuery 배포(HTML)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kusaharajiji/items/17f7f02df0f65d924e32텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)