เพื่อเป็นการเฉลิมฉลองครบรอบสี่ปีของ jQuery ทีม งาน jQuery อย่างเป็นทางการ จึงได้เปิดตัว jQuery 1.4 อย่างเป็นทางการ ในเวอร์ชันนี้ ทีมงานอย่างเป็นทางการของ jQuery ได้ทำงานด้านการเขียนโค้ด การทดสอบ และเอกสารต่างๆ มากมาย โดยได้รับการปรับปรุงให้ดีขึ้นอย่างมากเมื่อเทียบกับเวอร์ชันก่อนหน้า มาดูการเปลี่ยนแปลงใหม่ๆ กัน
บทความนี้แบ่งออกเป็นสองส่วน ส่วนแรกจะแนะนำการใช้งานที่เกี่ยวข้องและการอัพเดตเวอร์ชัน jQuery 1.4 ส่วนที่สองใช้ตัวอย่างโค้ดบางส่วนเพื่อแสดงวิธีที่อัปเดตและวิธีที่เพิ่มใหม่
【ดาวน์โหลดและโทร】
ตามปกติแล้ว เจ้าหน้าที่จะจัดเตรียม jQuery สองชุด ชุดหนึ่งเป็นเวอร์ชันบีบอัด (บีบอัดโดยใช้ Google Closed Compiler ก่อนหน้านี้ใช้ YUI) และอีกชุดเป็นเวอร์ชันที่ไม่มีการบีบอัด (ใช้สำหรับการดีบักและการอ่าน)
ก่อนหน้านี้มีการเสนอ ให้โหลด 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 ขอแนะนำให้อ่าน บทความนี้