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 คุณสามารถเลือก (แบบสอบถามแบบสอบถาม) องค์ประกอบ HTML และพวกเขาดำเนินการ "การดำเนินการ" (การกระทำ)


ไวยากรณ์ jQuery

jQuery ไวยากรณ์คือการดำเนินการบางอย่างโดยการเลือกองค์ประกอบ HTML และองค์ประกอบที่เลือก

พื้นฐานไวยากรณ์ :. $ (เลือก) ดำเนินการ ( )

  • ดอลลาร์ jQuery ความหมายสัญลักษณ์
  • เลือก (เลือก) "แบบสอบถาม" และ "ค้นหา" องค์ประกอบ HTML
  • การกระทำของ jQuery () เพื่อดำเนินการในองค์ประกอบ

ตัวอย่าง:

  • $ (นี้) .hide () - ซ่อนองค์ประกอบ

  • $ ( "P") ซ่อน (). - ซ่อนรายชื่อทั้งหมด <p> องค์ประกอบ

  • $ ( "P.test") ซ่อน (). - ซ่อน class = "ทดสอบ" การ <p> องค์ประกอบทั้งหมด

  • $ ( "# ทดสอบ") ซ่อน (). - ซ่อนรายชื่อทั้งหมด id = "ทดสอบ" องค์ประกอบ

โคมไฟCSS เตอร์ที่คุณคุ้นเคยกับมันได้หรือไม่

ไวยากรณ์ JQuery ใช้เป็นส่วนผสมของ selectors CSS และไวยากรณ์ XPath ในส่วนถัดไปของการกวดวิชานี้คุณจะเรียนรู้เพิ่มเติมเกี่ยวกับไวยากรณ์ตัวเลือก


เอกสารพร้อมจัดกิจกรรม

คุณอาจจะได้สังเกตเห็นว่าในกรณีของเราทุกฟังก์ชั่ jQuery ในเอกสารฟังก์ชั่นพร้อมแล้ว:

$ (เอกสาร) .ready (ฟังก์ชั่น () {

// เริ่มเขียนรหัส jQuery ...

});

เพื่อป้องกันไม่ให้เอกสารเป็นอย่างดำเนินการโหลด (พร้อม) ก่อนรหัส jQuery

ถ้าฟังก์ชันนี้จะเรียกใช้ก่อนที่เอกสารไม่แปล้การดำเนินการที่อาจล้มเหลว ที่นี่สองตัวอย่างที่เฉพาะเจาะจงคือ:

  • พยายามที่จะซ่อนองค์ประกอบที่ไม่มีอยู่
  • ที่จะได้รับขนาดของภาพไม่ได้เป็นแปล้

เคล็ดลับ: การเขียนง่าย (เขียนด้วยผลเช่นเดียวกับด้านบน):

$ (ฟังก์ชั่น () {

// เริ่มเขียนรหัส jQuery ...

});

ทั้งสองวิธีที่คุณสามารถเลือกวิธีที่คุณชื่นชอบเพื่อให้เกิดการดำเนินการตามวิธี jQuery หลังจากเอกสารพร้อม