1. Trang chủ
  2. Câu hỏi và trả lời
  3. Cài đặt jQuery?

Cài đặt jQuery?

2009-09-22 23 views
53

Quy trình cài đặt jQuery cho người mới sử dụng nó là gì?Cài đặt jQuery?

Nguồn

2009-09-22 Hariharbalaji

+16

Điều này rõ ràng là một câu hỏi mới bắt đầu, nhưng tôi hiểu tại sao nó được yêu cầu. Các liên kết trên trang "cài đặt" (nếu bạn có thể gọi nó) đưa bạn trực tiếp đến tệp văn bản, hiển thị tệp trong trình duyệt (trái ngược với tải xuống tệp).Không có hướng dẫn để lưu văn bản như một tập tin thực tế trên máy chủ web của bạn, và trong khi các lập trình viên có kinh nghiệm có thể lấp đầy chỗ trống của mình, chắc chắn toàn bộ điểm tài liệu là để phục vụ cho giả! Ngoại trừ Roland (người cung cấp một liên kết tải xuống thực tế), tất cả các phản hồi trong chủ đề này dường như bỏ qua điểm này. – cartbeforehorse

Trả lời

95

Nhận jQuery và chạy trong một phút hoặc ít hơn:

Phụ trang này vào HTML của bạn (phổ biến nhất là vào đầu, nhưng bạn có thể ném nó trước thẻ cơ thể cuối quá):

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

Sau đó đặt phần tử tập lệnh sau phần tử jQuery của bạn. Điều này sẽ cảnh báo 'hello' sau khi DOM sẵn sàng.

<script>$(function() { alert('hello') });</script>

đọc the documentation.

Sử dụng jQuery địa phương:

Sau khi bạn nhận được một cảm giác, hãy thử tải jQuery tại địa phương để máy tính của bạn, và liên kết nó từ tập tin kịch bản của bạn. Cấu trúc giống như vậy:

C:/web/index.html 
C:/web/js/jquery.js 

index.html: 

    <head> 
     <script src="js/jquery.js"></script> 
     <script>$(function() { alert('hi') })</script> 
    </head>

Bạn có lợi thế là dựa vào phiên bản đã lưu ngoại tuyến nếu bạn không có Internet/Wi-Fi. Bạn cũng có thể thực hiện các chỉnh sửa tùy chỉnh cho nguồn jQuery và sửa đổi nó theo ý thích.

Nghiên cứu nguồn jQuery [cao cấp]

Tải về phiên bản không nén từ:

http://code.jquery.com/jquery-latest.js

Sau khi bạn đã đạt được một chút Javascript kiến ​​thức/DOM cố gắng lấy nó ra bước từng bước.

Nguồn

2009-09-22 06:03:22

+5

những ngày này cũng có một được lưu trữ bởi microsoft. – eglasius

+1

và được lưu trữ nhiều cách, cách xử lý nếu người dùng không sử dụng được –

+1

Nó cũng được lưu trữ bởi Google. Liên kết với nó trong mã của bạn và nó đã sẵn sàng để sử dụng. – shmuli

3

Không có. Sử dụng thẻ tập lệnh để liên kết tới phiên bản của google (hoặc tự tải xuống và liên kết với bản sao của bạn nếu bạn thực sự muốn).

Nếu bạn không biết cách thực hiện điều đó, hãy tìm hiểu HTML và Javascript trước khi cố gắng tìm hiểu jQuery.

Nguồn

2009-09-22 06:02:48 Macha

2

Không cần cài đặt. Chỉ cần thêm jQuery vào thư mục ứng dụng của bạn và đưa ra một tham chiếu đến tệp js.

<script type="text/javascript" src="jQuery.js"></script>

nếu jQuery nằm trong cùng thư mục của tệp được tham chiếu của bạn.

Nguồn

2009-09-22 06:03:27 rahul

0

Như đã chỉ ra, bạn không cần phải làm như vậy. Sử dụng Google AJAX Libraries API và bạn nhận được CDN lưu trữ miễn phí của jQuery, tùy thuộc vào nội dung trang web của bạn, jQuery có thể là một trong những tải xuống lớn hơn cho người dùng.

Nguồn

2009-09-22 06:05:03

13

Không có cài đặt nào.

Bạn download jQuery và bao gồm nó trong file html của bạn như thế này:

<script src="jquery.js" type="text/javascript"></script>

Tất nhiên, thay đổi tên tập tin để nó giống như các tập tin kịch bản tải về.

Xong!

Nguồn

2009-09-22 06:05:53

+18

Không đồng ý. Địa phương có nghĩa là họ phải tải xuống jQuery khi họ truy cập trang web của bạn. Rất có thể họ đã có phiên bản google được lưu trữ. – womp

0

jQuery chỉ là một thư viện JavaScript (chỉ cần đặt, một tệp JavaScript). Tất cả bạn phải làm là đặt nó vào thư mục trang web của bạn và tham khảo nó trong HTML của bạn để sử dụng nó.

Ví dụ, trong thẻ head của trang web

<script type="text/javascript" src="../Js/jquery.js"></script>

Bạn có thể tải về jQuery phát hành hiện tại từ Downloading jQuery.

Nguồn

2009-09-22 06:07:19 Scozzard

1

Có hai cách khác nhau để bạn có thể sử dụng jQuery trên trang web của mình. Để bắt đầu, bạn cần có quyền truy cập vào nguồn trang web của mình, cho dù đó là HTML thẳng hay HTML được tạo từ ngôn ngữ lập trình. Sau đó, bạn cần phải chèn một thẻ <script> sẽ hiển thị trong đầu ra cuối cùng cho trình duyệt web.

Vì bạn mới sử dụng jQuery, tôi khuyên bạn nên bắt đầu đọc How jQuery works.

Như những người khác đã đề cập, có Mạng phân phối nội dung (CDN) lưu trữ JQuery - tất cả những gì bạn cần làm là trỏ thẻ tập lệnh src đến một URI cụ thể. Google và Microsoft đều có CDN miễn phí cho mục đích cá nhân và thương mại.

Hoặc, bạn có thể download jQuery và lưu trữ nó trên trang web của riêng bạn.

Bạn cũng có thể leverage both of these methods together. Trong trường hợp Google hoặc Microsoft CDN bị hỏng hoặc bị chặn ở quốc gia/tường lửa/proxy của người dùng cuối, bạn có thể dự phòng bản sao lưu trữ jQuery cục bộ của mình.

Nguồn

2009-09-22 06:17:07 cowgod

7

Các bước sau đây có thể được theo sau

1) Tải về Jquery bằng cách nhấn vào liên kết này DOWNLOAD

2) Copy file js vào thư mục web gốc ví dụ của bạn. www.test.com/jquery-1.3.2.min.js

3) Trong index.php hoặc index.html của bạn giữa các thẻ head bao gồm mã sau, và sau đó JQuery sẽ được cài đặt.

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

Nguồn

2009-09-22 06:23:17 Roland

+0

Nếu bạn muốn tải xuống một phiên bản cụ thể, tất cả các phiên bản của jQuery đều được đặt [tại đây trên trang web jQuery] (https://code.jquery.com/jquery/) – LandedGently

2

Điều tốt nhất là liên kết với lõi jQuery là thông qua google.
Có 3 lý do để làm điều đó theo cách này,

  • Giảm trễ
  • Tăng song song
  • Better bộ nhớ đệm

      see:
      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>

Nguồn

2009-09-22 14:21:42 adardesign

+1

Còn nếu nó là một ứng dụng kinh doanh trong nhà được sử dụng bởi nhân viên trên mạng nội bộ vẫn có quyền truy cập vào internet. Nó sẽ được tốt hơn để lưu trữ nó trên một máy chủ địa phương hoặc vẫn có nó liên kết với google. – eaglei22

0

Vâng, như hầu hết các câu trả lời được chỉ ra, bạn có thể bao gồm tệp jQuery cục bộ cũng như sử dụng các máy chủ CDN/Microsoft CDN của Google. Khi chọn Google so vớiMicrosoft CDN đi Google_CDN vs. Microsoft_CDN tùy theo yêu cầu của bạn.

Tính chung intranet các ứng dụng bao gồm tập jQuery tại địa phương và không bao giờ sử dụng phương pháp CDN vì đối với mạng nội bộ, mạng LAN nhanh hơn Internet 10x lần. Đối với Internet và các ứng dụng phải đối mặt với công chúng sử dụng một phương pháp lai như đề xuất của cowgod ở nơi khác. Cũng đừng quên sử dụng công cụ đẹp JS_Compressor để nén mã JavaScript bổ sung mà bạn thêm vào thư viện jQuery của mình. Nó làm cho JavaScript thực sự nhanh chóng.

Nguồn

2010-09-24 14:34:12

0

Cài đặt JQuery chỉ với JavaScript. Đây không phải là một giải pháp rất tốt nếu bạn đang phát triển một trang web nhưng thật tuyệt nếu bạn muốn JQuery trong bảng điều khiển JavaScript của một trang web ngẫu nhiên không sử dụng JQuery.

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")

chức năng loadScript nhờ câu trả lời e-satis 's để Include JavaScript file inside JavaScript file?

Nguồn

2012-08-20 16:53:29 Nate

+1

Tôi đã phải đăng nhập để cho bạn biết rằng điều này cho đến nay cách phức tạp nhất mà tôi từng thấy ai đó bao gồm jQuery. Đạo cụ. – DrewRobertson93

+0

Tôi sử dụng điều này khi tôi muốn sử dụng JQuery trong bảng điều khiển của một trang web ngẫu nhiên để xem mọi thứ hoạt động như thế nào hoặc bất cứ điều gì. Nó sẽ hoạt động bất kể trang web là gì. Tôi đoán nó không thực tế lắm khi phát triển một trang web. – Nate

0

Có hai cách để tải jQuery trong ứng dụng của bạn:

1) Thêm jQuery từ trang web của riêng bạn.

Đối với điều này, bạn cần phải thêm jQuery tham chiếu trong <Head> phần của trang của bạn với con đường src đúng:

<script src="script/jquery.js" type="text/javascript"></script>

Nhưng điều này tạo ra một tải trọng bổ sung cho máy chủ của bạn để tải về một tập tin để khách hàng

2) có cách khác để tải jQuery từ bất kỳ máy chủ nào khác như Google, Microsoft hoặc jQuery.

Như đã nêu here:

nó cung cấp một số lợi thế.

  1. Bạn luôn sử dụng khung công tác jQuery mới nhất.
  2. Nó giảm tải từ máy chủ của bạn.
  3. Nó tiết kiệm băng thông. Khung công tác jQuery sẽ tải nhanh hơn từ các CDN này.
  4. Lợi ích quan trọng nhất là nó sẽ được lưu vào bộ nhớ cache, nếu người dùng đã truy cập bất kỳ trang web nào đang sử dụng khung công tác jQuery từ bất kỳ một trong số các mã này CDN.

Đây là liên kết mà bạn có thể tải jQuery từ Microsoft. Theo dõi url này, nó có thể hữu ích.

http://www.asp.net/ajaxlibrary/cdn.ashx

Nguồn

2013-07-16 06:38:29 mayank

+0

Lưu ý rằng các câu trả lời chỉ liên kết được khuyến khích ở đây trên SO. Vui lòng xem xét [chỉnh sửa câu trả lời của bạn] (http://meta.stackexchange.com/a/8259/186599) và thêm bản tóm tắt tại đây. – NAZIK

+0

Nếu bạn sao chép từ ngữ từ một trang khác, hãy chắc chắn đính kèm nó trong dấu ngoặc đơn để làm cho nó rất rõ ràng rằng đây không phải là những từ gốc của bạn. Tôi đã làm điều này trong câu trả lời ở trên. –

0

Nếu bạn muốn sử dụng một trình quản lý gói,

Bạn có thể sử dụng bower:

bower install jquery-ui

Nguồn

2017-04-12 19:58:31

Các vấn đề liên quan

 Các vấn đề liên quan