เพื่อเป็นการเฉลิมฉลองครบรอบสี่ปีของ jQuery ทีม งาน jQuery อย่างเป็นทางการจึงได้เปิดตัว jQuery 1.4 อย่างเป็นทางการ ในเวอร์ชันนี้ ทีมงานอย่างเป็นทางการของ jQuery ได้ทำงานด้านการเขียนโค้ด การทดสอบ และเอกสารต่างๆ มากมาย โดยได้รับการปรับปรุงให้ดีขึ้นอย่างมากเมื่อเทียบกับเวอร์ชันก่อนหน้า มาดูการเปลี่ยนแปลงใหม่ๆ กัน
บทความนี้แบ่งออกเป็นสองส่วน ส่วนแรกจะแนะนำการใช้งานที่เกี่ยวข้องและการอัพเดตเวอร์ชัน jQuery 1.4 ส่วนที่สองใช้ตัวอย่างโค้ดบางส่วนเพื่อแสดงวิธีที่อัปเดตและวิธีที่เพิ่มใหม่
【ดาวน์โหลดและโทร】
ตามปกติแล้ว เจ้าหน้าที่จะจัดเตรียม jQuery สองชุด ชุดหนึ่งเป็นเวอร์ชันบีบอัด (บีบอัดโดยใช้ Google Closed Compiler ก่อนหน้านี้ใช้ YUI) และอีกชุดเป็นเวอร์ชันที่ไม่มีการบีบอัด (ใช้สำหรับการดีบักและการอ่าน)
เวอร์ชันบีบอัด jQuery (23kb หลังจากการบีบอัด gzip)
jQuery เวอร์ชันที่ไม่มีการบีบอัด (154kb)
ก่อนหน้านี้มีการเสนอให้โหลด jQuery ผ่านเซิร์ฟเวอร์ Google เพื่อปรับปรุงความเร็วในการโหลด ตอนนี้เรายังสามารถเรียกไฟล์เวอร์ชัน jQuery 1.4 ที่ถูกบีบอัดผ่านเซิร์ฟเวอร์ของ Google ได้ดังนี้:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"><!--mce:0--></script >
【คุณสมบัติใหม่และการเปลี่ยนแปลง 】
ใน jQuery 1.4 วิธีการ jQuery ที่ใช้กันทั่วไปได้ถูกเขียนใหม่ การปรับปรุงเหล่านี้ไม่เพียงแต่ใช้งานง่ายกว่าเท่านั้น แต่ยังนำมาซึ่งการปรับปรุงประสิทธิภาพที่สำคัญอีกด้วย
หมายเหตุ: ต่อไปนี้เป็นภาพรวม โปรดดูคำอธิบายโค้ดในบทความถัดไปสำหรับรายละเอียดที่ไม่ทราบ
1. เพิ่มฟังก์ชัน Setter ให้กับบางวิธี
ในเวอร์ชันก่อนหน้านี้ เราสามารถส่งฟังก์ชันไปยังเมธอด attr() และกำหนดค่าที่ส่งคืนของฟังก์ชันให้กับแอตทริบิวต์ได้ ใน 1.4 ฟังก์ชันนี้ถูกเพิ่มให้กับเมธอดเพิ่มเติม: .css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), . , .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), .toggleClass()
นอกจากนี้ ในวิธีการต่อไปนี้ คุณยังสามารถส่งค่าปัจจุบันเป็นพารามิเตอร์ตัวที่สองของฟังก์ชันการตั้งค่าเพื่อใช้โดยฟังก์ชันการตั้งค่าได้: .css(), .attr(), .val(), .html() , .text( ), .append(), .prepend(), .offset(), .addClass(), .removeClass() และ .toggleClass() ตัวอย่างเช่น:
jQuery('<img src="enter.png" alt="ใส่ชื่อของคุณ" />')
.attr("alt", ฟังก์ชั่น(ดัชนี, ค่า) {
กลับ "กรุณา" + ค่า;
-
2. อัปเดตวิธีการหลักของการทำให้เป็นอนุกรมใน jQuery, jQuery.param()
ก่อนหน้านี้ ผลลัพธ์ต่อเนื่องสำหรับ {foo: ["bar", "baz"]} คือ "foo=bar&foo=baz" แต่ตอนนี้เป็น "foo[]=bar&foo[]=baz"
วัตถุประสงค์ของการเปลี่ยนแปลงนี้ส่วนใหญ่เพื่อบอกฝ่ายรับว่าสิ่งที่ส่งผ่านเข้ามานั้นเป็นออบเจ็กต์อาร์เรย์
3. ใน jQuery.ajax เมื่อไม่ได้ระบุแอตทริบิวต์ dataType มันจะถูกระบุโดยอัตโนมัติตามประเภทเนื้อหาของการตอบกลับ
ตัวอย่างเช่น หากออบเจ็กต์ที่ส่งคืนโดยคำขอ ajax เป็นประเภท json (application/json) ประเภทข้อมูลจะถูกระบุโดยอัตโนมัติเป็น "json" (หากไม่ได้ระบุ)
4. เพิ่มการสนับสนุนสำหรับ Etag ในคำขอ jQuery.ajax
ก่อนหน้านี้ jQuery ไม่ได้ส่งค่า If-None-Match ในส่วนหัวของคำขอ ajax (นั่นคือไม่รองรับ Etag) และแคชของเบราว์เซอร์จะถูกละเว้นโดยค่าเริ่มต้น ขณะนี้สามารถเปิดใช้งานได้โดยการระบุแอตทริบิวต์ ifModified
เคล็ดลับ: หากคุณไม่ทราบเกี่ยวกับส่วนหัว http ขอแนะนำให้อ่านบทความนี้