Latest web development tutorials
×

jQuery หลักสูตร

jQuery หลักสูตร jQuery แนะนำโดยย่อ jQuery ติดตั้ง jQuery ไวยากรณ์ jQuery ผู้เลือก jQuery เหตุการณ์

jQuery ผล

jQuery ซ่อน / แสดง jQuery จางหาย jQuery สไลด์ jQuery นิเมชั่น jQuery หยุดนิเมชั่น jQuery Callback jQuery Chaining

jQuery HTML

jQuery การจับกุม jQuery จัดตั้งขึ้น jQuery เพิ่มองค์ประกอบ jQuery การลบองค์ประกอบ jQuery CSS หมวดหมู่ jQuery css() ทาง jQuery ขนาด

jQuery ข้ามผ่าน

jQuery ข้ามผ่าน jQuery บรรพบุรุษ jQuery ลูกหลานของเรา jQuery เพื่อนร่วมชาติ jQuery การกรอง

jQuery Ajax

jQuery AJAX แนะนำโดยย่อ jQuery load() ทาง jQuery get()/post() ทาง

jQuery อื่น ๆ

jQuery noConflict() ทาง jQuery JSONP

jQuery ตัวอย่าง

jQuery ตัวอย่าง

jQuery คู่มืออ้างอิง

jQuery ผู้เลือก jQuery วิธีการใช้เหตุการณ์ jQuery วิธีการมีผลบังคับใช้ jQuery HTML / CSS ทาง jQuery วิธีการข้ามผ่าน jQuery AJAX ทาง jQuery วิธีเบ็ดเตล็ด jQuery คุณสมบัติ

jQuery วิดเจ็ต

jQuery Validate jQuery Accordion jQuery Autocomplete jQuery Message jQuery ตรวจสอบรหัสผ่าน jQuery Prettydate jQuery Tooltip jQuery Treeview

การติดตั้ง jQuery

เพิ่มหน้า jQuery

มีหลายวิธีที่จะเพิ่ม jQuery ในหน้าเว็บมี คุณสามารถใช้วิธีต่อไปนี้:

  • จาก jquery.com ดาวน์โหลดห้องสมุด jQuery
  • โหลด jQuery จาก CDN เมื่อคุณโหลด jQuery จาก Google

ดาวน์โหลด jQuery

มีสองรุ่นของ jQuery ที่มีอยู่สำหรับการดาวน์โหลด:

  • รุ่นการผลิต - ใช้สำหรับสถานที่จริงได้รับการปรับปรุงและห่ะ
  • รุ่นพัฒนา - สำหรับการทดสอบและการพัฒนา (ไม่มีการบีบอัดรหัสที่อ่าน)

ทั้งสองรุ่นที่มีอยู่จาก jquery.com ดาวน์โหลด

jQuery เป็นไฟล์ห้องสมุด JavaScript คุณสามารถใช้ HTML <script> แท็กอ้างอิง:

<head>
<script src = "jQuery-1.10.2.min.js"> </ script>
</ head>

เคล็ดลับ: ดาวน์โหลดไฟล์ในไดเรกทอรีเดียวกันกับหน้าคุณสามารถใช้ jQuery

โคมไฟหากคุณกำลังสงสัยว่าทำไมเราไม่ได้ใช้ type = "text / javascript ของ" ใน <script> แท็ก?

ใน HTML5 คุณไม่ทำอย่างนั้น JavaScript เป็น HTML5 และเบราว์เซอร์ที่ทันสมัยภาษาสคริปต์เริ่มต้นทั้งหมด!


ทางเลือก

หากคุณไม่ต้องการที่จะดาวน์โหลดและเก็บ jQuery ก็ยังสามารถดูได้โดย CDN (เครือข่ายการกระจายเนื้อหา)

Baidu, พวกเขายิงเซิร์ฟเวอร์เมฆ, Sina, Google และ Microsoft ทั้งหมดมี jQuery

หากเว็บไซต์ของคุณเป็นผู้ใช้ก็จะแนะนำให้ใช้ Baidu, พวกเขายิงเมฆ Sina และอื่น ๆ ที่อยู่ในประเทศ CDN ถ้าคุณเป็นเว็บไซต์ต่างประเทศที่ผู้ใช้สามารถใช้ Google และ Microsoft

หมายเหตุ: ตัวอย่างของเว็บไซต์นี้ถูกนำมาใช้ Baidu jQuery CDN ห้องสมุด

เพราะว่าจาก Baidu, พวกเขายิงเมฆ, Sina, Google หรือไมโครซอฟท์อ้าง jQuery ใช้หนึ่งของรหัสต่อไปนี้:

CDN กวดวิชานี้:

<head>
<script src = "http://cdn.static.w3big.com/libs/jquery/1.10.2/jquery.min.js">
</ script>
</ head>

ลอง»

Baidu CDN:

<head>
<script src = "http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</ script>
</ head>

ลอง»

ยิงเมฆ CDN:

<head>
<script src = "http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
</ script>
</ head>

ลอง»

Sina CDN:

<head>
<script src = "http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</ script>
</ head>

ลอง»

Google CDN:

<head>
<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</ script>
</ head>

ลอง»

โคมไฟรับรุ่นล่าสุดที่มีอยู่ผ่าน Google CDN:

ไม่แนะนำให้ใช้ Google CDN ที่จะได้รับรุ่นของผลิตภัณฑ์ที่มีความไม่แน่นอนมากเพราะ Google ในประเทศจีน
ถ้าคุณสังเกตว่า URL ของ Google - ระบุรุ่น jQuery (1.8.0) ใน URL หากคุณต้องการที่จะใช้รุ่นล่าสุดของ jQuery คุณยังสามารถลบตัวเลขจากจุดสิ้นสุดของสตริงรุ่น (ตัวอย่างเช่นในกรณีนี้ 1.8) Google ผลตอบแทน 1.8 ชุดในรุ่นล่าสุดที่สามารถใช้ได้ (1.8.0,1.8.1 ฯลฯ ) หรือ อาจจะเป็นเพียงตัวเลขแรก Google จะกลับชุดของรุ่นล่าสุดที่สามารถใช้ได้ (จาก 1.1.0 ไป 1.9.9 บริการ)

ไมโครซอฟท์ CDN:

<head>
<script src = "http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">
</ script>
</ head>

ลอง»

โคมไฟใช้ Baidu, พวกเขายิงเมฆ, Sina, Google หรือ Microsoft jQuery มีประโยชน์มาก:

ผู้ใช้หลายคนสามารถเข้าถึงเว็บไซต์อื่น ๆ ได้เติบโตขึ้นจาก Baidu, พวกเขายิงเมฆ, Sina, Google หรือโหลด Microsoft ผ่าน jQuery ทั้งหมดของผลเมื่อพวกเขาเข้าชมเว็บไซต์ของคุณ jQuery ถูกโหลดจากแคชซึ่งช่วยลดเวลาในการโหลด ในขณะเดียวกันส่วนใหญ่ของ CDN สามารถมั่นใจได้ว่าเมื่อผู้ใช้ขอไฟล์ดังกล่าวจะได้รับการตอบสนองออกไปจากที่ผ่านมาส่วนใหญ่ของผู้ใช้จากเซิร์ฟเวอร์เพื่อให้คุณยังสามารถโหลดได้เร็วขึ้น