jQuery를 설치 하시겠습니까?
초보자를 위해 jQuery를 설치하는 절차는 무엇입니까?
1 분 이내에 jQuery를 시작하고 실행할 수 있습니다.
이를 HTML에 삽입합니다 (가장 일반적으로 머리에 있지만 본문 끝 태그 앞에 던질 수도 있음).
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
그런 다음 jQuery 요소 뒤에 스크립트 요소를 배치합니다. DOM이 준비된 후 'hello'를 경고합니다.
<script>$(function() { alert('hello') });</script>
설명서를 읽으십시오 .
로컬에서 jQuery 사용 :
느낌이 나면 jQuery를 컴퓨터에 로컬로 다운로드하고 스크립트 파일에서 링크 해보십시오. 구조는 다음과 같습니다.
C:/web/index.html
C:/web/js/jquery.js
index.html:
<head>
<script src="js/jquery.js"></script>
<script>$(function() { alert('hi') })</script>
</head>
인터넷 / Wi-Fi가없는 경우 저장된 버전을 오프라인으로 사용할 수있는 이점이 있습니다. jQuery 소스를 사용자 지정 편집하고 마음대로 수정할 수도 있습니다.
jQuery 소스 연구 [고급]
다음에서 압축되지 않은 버전을 다운로드하십시오.
http://code.jquery.com/jquery-latest.js
약간의 JavaScript / DOM 지식을 얻은 후에는 단계별로 분해 해보십시오.
그 자체로는 설치가 없습니다.
당신은 jQuery를 다운로드 와 같은 HTML 파일에 포함 :
<script src="jquery.js" type="text/javascript"></script>
물론 다운로드 한 스크립트 파일과 동일하게 파일 이름을 수정하십시오.
끝난!
다음 단계를 따를 수 있습니다.
1)이 링크를 클릭하여 Jquery를 다운로드 DOWNLOAD
2) js 파일을 루트 웹 디렉토리에 복사하십시오. www.test.com/jquery-1.3.2.min.js
3) index.php 또는 index.html에서 head 태그 사이에 다음 코드를 포함하면 JQuery가 설치됩니다.
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
jQuery 홈페이지에서 링크 된 튜토리얼 의 맨 처음에 알려줍니다 .
없습니다. 스크립트 태그를 사용하여 Google 버전에 연결 (또는 직접 다운로드하고 원하는 경우 사본에 연결).
그 방법을 모른다면 jQuery를 배우기 전에 먼저 HTML과 자바 스크립트를 배우십시오.
설치가 필요하지 않습니다. 애플리케이션 폴더에 jQuery를 추가하고 js 파일에 대한 참조를 제공하십시오.
<script type="text/javascript" src="jQuery.js"></script>
jQuery가 참조 된 파일의 동일한 폴더에있는 경우.
가장 좋은 방법은 jQuery 코어에 연결하는 것입니다.
이렇게해야하는 세 가지 이유가 있습니다.
- 지연 시간 감소
- 병렬 처리 증가
- 더 나은 캐싱
참조 :
http://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-for-you/
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
Your code here.....
});
</script>
There are two different ways you can utilize jQuery on your website. To start off, you need to have access to your website source, whether it be straight HTML or generated HTML from a programming language. Then you need to insert a <script> tag that will render in the final output to the web browser.
Because you are new to jQuery, I highly suggest you start reading How jQuery works.
As others have mentioned, there are Content Distribution Networks (CDNs) that host JQuery -- all you need to do is point your script tag src to a specific URI. Google and Microsoft both have CDNs that are free for personal and commercial use.
Alternatively, you can download jQuery and host it on your own website.
You can also leverage both of these methods together. In the event that the Google or Microsoft CDN is down or blocked in the end user's country/firewall/proxy, you can fallback to your locally hosted copy of jQuery.
Install JQuery with only JavaScript. This is not a very good solution if you are developing a website but it's great if you want JQuery in the JavaScript console of a random website that does not use JQuery already.
function loadScript(url, callback)
{
// adding the script tag to the head as suggested before
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
// then bind the event to the callback function
// there are several events for cross browser compatibility
script.onreadystatechange = callback;
script.onload = callback;
// fire the loading
head.appendChild(script);
}
loadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js")
loadScript function thanks to e-satis's answer to Include JavaScript file inside JavaScript file?
As pointed out, you don't need to. Use the Google AJAX Libraries API, and you get CDN hosting of jQuery for free, as depending on your site assets, jQuery can be one of the larger downloads for users.
jQuery is just a JavaScript library (simply put, a JavaScript file). All you have to do is put it into your website directory and reference it in your HTML to use it.
For example, in the head tag of your webpage
<script type="text/javascript" src="../Js/jquery.js"></script>
You can download the current jQuery release from Downloading jQuery.
Well, as most of the answers pointed out, you can include the jQuery file locally as well as use Google's CDN/Microsoft CDN servers. On choosing Google vs. Microsoft CDN go Google_CDN vs. Microsoft_CDN depending on your requirement.
Generally for intranet applications include jQuery file locally and never use the CDN method since for intranet, the LAN is 10x times faster than Internet. For Internet and public facing applications use a hybrid approach as suggested by cowgod elsewhere. Also don't forget to use the nice tool JS_Compressor to compress the extra JavaScript code you add to your jQuery library. It makes JavaScript really fast.
There are two ways to load jQuery in your application:
1) Add jQuery from your own site.
For this, you need to add jQuery reference in <Head> section of your page with correct src path:
<script src="script/jquery.js" type="text/javascript"></script>
But this create an additional load to your server for download a file to client
2) ther other way to load jQuery from any other server like Google, Microsoft or jQuery itself.
As stated here:
it provides several advantages.
- You always use the latest jQuery framework.
- It reduces the load from your server.
- It saves bandwidth. jQuery framework will load faster from these CDN.
- The most important benefit is it will be cached, if the user has visited any site which is using jQuery framework from any of these CDN.
Here is the link by which you can load jQuery from Microsoft. Follow this url, it may be helpful.
http://www.asp.net/ajaxlibrary/cdn.ashx
If you want to use a package manager,
You can use bower:
bower install jquery-ui
참고URL : https://stackoverflow.com/questions/1458349/installing-jquery
'IT Share you' 카테고리의 다른 글
| sqlite에 대한 좋은 OO C ++ 래퍼는 무엇입니까 (0) | 2020.12.14 |
|---|---|
| Python의 목록에서 일부 값의 첫 번째와 마지막 색인 찾기 (0) | 2020.12.14 |
| 메인 문서의 JavaScript에서 IFrame의 문서 가져 오기 (0) | 2020.12.14 |
| ListBox의 맨 아래로 스크롤하는 방법은 무엇입니까? (0) | 2020.12.14 |
| XSLT 1.0을 XSLT 2.0으로 업그레이드 (0) | 2020.12.14 |