ตัวอย่าง UI jQuery

โต้ตอบ (Interactions)

โต้ตอบ (Interactions) เพิ่มอย่างมีนัยสำคัญกับพฤติกรรมของเมาส์ในองค์ประกอบใด ๆ คุณสามารถสร้างรายชื่อเรียงลำดับการปรับองค์ประกอบลากและวางพฤติกรรม ฯลฯ โดยเพียงแค่ไม่กี่บรรทัดของรหัส โต้ตอบ (Interactions) นอกจากนี้ยังทำหน้าที่เกี่ยวกับเครื่องมือที่ซับซ้อนมากขึ้นและการใช้งาน

• ลาก (ลาก)
• เพลส (droppable)
• ซูม (ปรับขนาดได้)
• เลือก (เลือกได้)
• เรียง (จัดเรียง)

วิดเจ็ต (วิดเจ็ต)

วิดเจ็ต (วิดเจ็ต) มีการควบคุมการทำงานอย่างเต็มที่ UI ที่ช่วยให้การใช้งานคอมพิวเตอร์มีการทำงานโปรแกรมประยุกต์บนเว็บเดียวที่อุดมไปด้วย วิดเจ็ตทั้งหมด (วิดเจ็ต) ให้แกน, ขยายขนาดใหญ่ที่มีการกระทำที่กำหนดเองและสนับสนุนชุดรูปแบบเต็มรูปแบบ

• แผงพับ (หีบเพลง)
• เสร็จสิ้นอัตโนมัติ (การเติมข้อความอัตโนมัติ)
• ปุ่ม (ปุ่ม)
• เลือกวัน (datepicker)
• โต้ตอบ (Dialog)
• เมนู (เมนู)
• แถบความคืบหน้า (ProgressBar)
• Slider (Slider)
• Rotator (ปินเนอร์)
• แท็บ (แท็บ)
• กล่องเคล็ดลับ (เคล็ดลับ)

เทคนิคพิเศษ (ผลกระทบ)

เทคนิคพิเศษ (ผลกระทบ) ภาพเคลื่อนไหวการสนับสนุนสีและการแปลงชั้น แต่ยังมีความเร็วในการเคลื่อนไหวบางอย่างเพิ่มเติม นอกจากนี้ยังมีชุดที่สมบูรณ์ของผลกระทบที่กำหนดเองสำหรับการแสดงและซ่อนองค์ประกอบหรือเพียงแค่เพิ่มการใช้งานจอแสดงผลบางภาพ

• เทคนิคพิเศษ (Effect)
• ที่มองเห็นได้ (การแสดงผล)
  • Show (แสดง)
  • ซ่อน (ซ่อน)
  • Switching (สลับ)
• นิเมชั่นชั้น (Class นิเมชั่น)
  • เพิ่มระดับชั้น (เพิ่มระดับชั้น)
  • นำชั้น (ชั้นนำ)
  • สลับชั้น (สลับชั้น)
  • ระดับการแปลง (สวิทช์ class)
• สีนิเมชั่น (สีนิเมชั่น)

ยูทิลิตี้ (Utilities)

jQuery UI การใช้เครื่องมือกิจการ (Utilities) เพื่อสร้างการโต้ตอบ (ปฏิสัมพันธ์) และเครื่องมือ (วิดเจ็ต)

• ที่ตั้ง (ตำแหน่ง)
• ห้องสมุดองค์ประกอบ (โรงงาน Widget)