หนึ่งในสิ่งที่ดีที่สุดเกี่ยวกับ jQuery คือความสามารถในห่วงโซ่ของมันเกือบทุกวิธีการของมัน หาก "ความสามารถในห่วงโซ่" เสียงภาษาฮิบ​​รูนี่คำอธิบายเล็กน้อยว่ามันคืออะไร

สมมติว่าคุณมี <div id="myDiv"> Lorem ipsum </ div>

และคุณจำเป็นต้องทำต่อไปนี้

1. เปลี่ยนความสูงถึง 150px
2. เปลี่ยนความทึบถึง 0.8
3. เพิ่มระดับที่เรียกว่า "pClass"
4. และกำหนดข้อความที่อยู่ภายใน div เช่น "We are the world"

ดังนั้นสิ่งที่คุณจะทำอย่างไรในสถานการณ์ปกติ? คุณสามารถเขียนสี่บรรทัดของรหัส เช่นถ้าคุณใช้ jQuery ในทางธรรมดาที่คุณอาจต้องการเขียน

  1
 2
 3
 4

  ) . css ( "height" , "150px" ) ; $ ("# myDiv") CSS ("ความสูง", "150px").
 ) . fadeTo ( 500 , 0.8 ) ; $ ("# myDiv") fadeTo (500, 0.8). 
 ) . addClass ( "pClass" ) ; . $ ("# myDiv") addClass ("pClass"); 
 ) . text ( "We are the world" ) ; $ ("# myDiv") ข้อความ ("We are the world"). 

แต่ถ้าเราใช้วิธีการ chaininig เราก็อยากเขียน

  ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# myDiv") CSS ("ความสูง", "150px") fadeTo (500, 0.8) addClass ("pClass") ข้อความ ("We are the world").. 

ดูยุ่ง? ฉันไม่คิดอย่างนั้น มันสามารถอ่านได้จนกว่าคุณจะใส่ค่อนข้างมากในวิธีการไปยังวัตถุที่ไม่น่าเป็นอย่างมาก ดังนั้นการผูกมัดเป็น

หลังหน้าจอ, การผูกมัดจะทำง่ายๆโดยการกลับ itselft วัตถุหลังจากใช้วิธีการ มันค่อนข้างจะชอบวิธีที่เราใช้วิธีการในวัตถุ JavaScript เช่น

  "Lorem Ipsum Dolor" ; var myString = "dolor Ipsum Lorem"; 

  ( ) . substring ( 0 , 5 ) ; pString substring = myString toLowerCase () (0, 5).. 

และนี่คือของขวัญที่เมื่อเรามีทางเลือกที่จะทำสิ่งที่ต้องการที่ ต้องการที่จะเขียนโค้ดเพิ่มเติมที่เมื่อมีกำลังวิธีที่จะทำให้มันสั้น? อย่างน้อยฉันทำไม่ได้ ดังนั้นเกือบทั้งหมดของวิธีการ

ใน jQuery chainability นี้มี ทุกวิธีการที่ห่วงโซ่การส่งคืนวัตถุ jQuery ทั้งตัวเองเพื่อให้วิธีการที่มากขึ้นสามารถนำไปใช้กับมัน

คุณสามารถดูรหัสข้างต้นทำงาน ที่นี่ .

ดีมีหลายบทความเกี่ยวกับรายละเอียดที่จะพอเพียง "ทำไม jQuery เป็นทางเลือกที่" ผมก็เพียงได้อย่างแม่นยำที่มีโครงสร้างดีช่วงการเรียนรู้สูงและใช้งานง่าย เมื่อผมอยู่ในจุดเริ่มต้นของฉันกลับ Undergrad ในปี 1999 มีห้องสมุดที่จะจัดการกับปัญหาด้านเบราว์เซอร์ข้าม (Netscape มาใช้เพื่อให้ชีวิตอนาถสำหรับโปรแกรมเมอร์จาวาสคริปต์) ไม่มีคือ ดังนั้นเราจึงมีการเขียนสคริปต์อีกต่อไปเพื่อวัตถุประสงค์เฉพาะและจัดการปัญหาเบราว์เซอร์ข้าม โทมัส Brattli ที่ dhtmlcentral ให้สคริปที่ดีงามบางอย่างในเมนูและห้องสมุดบางที่เราใช้ในการดำเนิน แต่เหนือสิ่งไม่มีห้องสมุดที่ดีดังกล่าวซึ่งจะทำเวทมนตร์, ไลบรารีที่คุณสามารถขยายได้อย่างง่ายดายในแบบที่คุณต้องการบางสิ่งบางอย่างมีคุณสมบัติตรงตามมาตรฐานการเขียนโปรแกรมจริง การเดินทางที่จะทำให้ javascript framework เริ่มต้นมาก ค่อนข้างมีจำนวนของห้องสมุดที่เริ่มต้นคือ mochikit, ต้นแบบ mootools, Dojo ฯลฯ แต่คุณควรใช้ jQuery สำหรับดังนี้:

1 น้ำหนักเบามาก, น้ำหนักน้อยกว่า 20k เมื่อลดและ gzipped
2 ช่วงการเรียนรู้สูง
3 chainability ซูเปอร์ เกือบทุกวิธี jQuery ส่งกลับวัตถุ Jquery ซึ่งจะช่วยให้คุณใส่วิธีการในการหางหนึ่งหลังจากที่อื่น .. เช่น $ ("# div_one") CSS ("ชายแดน", "1px solid # 000") fadeTo (300,0.5) slideUp (300).
4 สามารถใช้กับห้องสมุดอื่น ๆ เช่นการใช้ mootools noconflict ()
5 ง่ายต่อการเขียนปลั๊กอิน
6 รหัสจะกลายเป็นสั้นหวานและง่ายต่อการเข้าใจ
7 คุณไม่จำเป็นต้องเป็นชั้น Javascript geek เขียนรหัส jQuery
8 สิ่งสำคัญ: การสนับสนุนชุมชนที่กว้างขวางและผลงาน
9 โดยใช้หลักการใช้งานโอเพนซอร์สเช่น Drupal, WordPress
10 ไมโครซอฟท์เลือกที่จะ jQuery เพื่อใช้กับโปรแกรมประยุกต์ของตน (อาจจะเป็นจุดที่ดีไปบางส่วนแฟน MS )
11 ง่ายมากที่จะเล่นกับ DOM จำนวนมากขึ้นในวิธีการแบบบูรณาการ selectors DOM เป็น untuitive มาก
12 selectors รองรับ XPATH
13 มากง่ายมากในตัวสาธารณูปโภค AJAX (ปล่อยฉันอีเมลถ้าใครต้องการที่จะรู้วิธีที่ง่ายนี้)

ตกลง .. พอสำหรับตอนนี้ รายการสามารถไปค่อนข้างยาว

เพิ่มขึ้นมาเร็ว ๆ นี้

ดังนั้นหลังจากที่ jQuery ทั้งหมดเปลี่ยนรูปลักษณ์ของเว็บไซต์ของพวกเขาและความรู้สึก ก่อนหน้านี้มันเป็นชนิดของการอินเตอร์เฟซที่ geek และน่าเบื่อบ้าง รูปลักษณ์ใหม่เป็นมืออาชีพมาก

ที่วันของการเปิดตัวรูปลักษณ์ใหม่ที่มีแท็กบรรทัดบอกว่า "เป็นจาวาสคริ Rock Star" กับการ์ตูนคือ แต่ผู้ใช้ในชุมชนดูเหมือนจะได้ไม่ชอบมันหนักและหลังการแสดงความคิดเห็นมากขึ้นและในเชิงลบมากขึ้น อ่านส่วนที่เหลือของรายการนี้»

ผมคิดว่าเรารู้ว่าสิ่ง jQuery คือ ดีที่จะแปรงมันขึ้น "jQuery เป็นห้องสมุด javascript ที่ทำให้ชีวิตเราง่ายขึ้น" . ฉันชอบที่จะกำหนดในลักษณะที่ ตกลงตอนนี้ในบทความนี้ผมจะแสดงวิธีการได้รับสิ่งที่เริ่มต้นสำหรับ jQuery ในขณะที่คุณสามารถอ่านบล็อกนี้ก็ชัดเจนว่าคุณมีการเชื่อมต่ออินเทอร์เน็ตและแน่นอนที่คุณกำลังใช้เบราว์เซอร์บาง ดังนั้นขอเพียงแค่พยายามที่หนึ่งชิ้นส่วนของรหัสก่อนที่จะทำการโพสต์ยาว ก่อนหน้านั้นเรามาดูสิ่งที่เราต้องการสำหรับการที่

• ห้องสมุด jQuery (ดาวน์โหลดได้จาก http://jqueryjs.googlecode.com/files/jquery-1.2.6.js ) นี้เป็นรุ่นปัจจุบันเมื่อผมเขียนโพสต์
• เบราว์เซอร์ที่ทันสมัย​​ (IE 6.0 +, FF 2 +, Safari 2.0 +, Opera 9.0 +) และเปิดใช้ JavaScript
• และแก้ไขข้อความ (Fav ของฉันคือ Notepad + +)

ฉันคิดว่าเราทุกคนรู้วิธีการที่ไม่มองหน้า HTML พื้นฐานเช่น เราต้องการเพียงแค่เรียกใช้ชิ้นง่ายของรหัสการเพิ่มห้องสมุด jQuery
ตอนนี้เพียงคัดลอกและวางโค้ดด้านบนและบันทึกไว้เรียก "jQuery-test.html" อ่านส่วนที่เหลือของรายการนี้»