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 operable และแอตทริบิวต์วิธีที่มีประสิทธิภาพ


การดำเนินงาน jQuery DOM

jQuery เป็นส่วนหนึ่งที่สำคัญมากคือความสามารถในการดำเนินงาน DOM

jQuery ให้กำหนดวิธีการที่เกี่ยวข้องกับ DOM ซึ่งจะทำให้การเข้าถึงและจัดการกับองค์ประกอบและคุณสมบัติเป็นเรื่องง่ายมาก

โคมไฟDOM = Document Object Model (Document Object Model)

DOM เอกสาร HTML และ XML เพื่อกำหนดเกณฑ์การเข้าถึง:

"W3C Document Object Model แพลตฟอร์มและภาษาอินเตอร์เฟซที่ช่วยให้โปรแกรมและสคริปต์ในการเข้าถึงแบบไดนามิกและการปรับปรุงโครงสร้างของเอกสารและสไตล์."



ได้รับเนื้อหา - ข้อความ (), HTML () และ Val ()

สามวิธีการที่ง่ายและการปฏิบัติสำหรับการดำเนินงาน DOM jQuery:

  • ข้อความ () - ชุดหรือส่งคืนเนื้อหาข้อความขององค์ประกอบที่เลือก
  • HTML () - ชุดหรือผลตอบแทนที่เนื้อหาขององค์ประกอบที่เลือก (รวมถึงแท็ก HTML)
  • Val () - ส่งคืนค่าหรือรูปแบบฟิลด์

ตัวอย่างต่อไปนี้แสดงให้เห็นว่าข้อความ jQuery () และ HTML () วิธีการที่จะได้รับเนื้อหา:

ตัวอย่าง

$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});

ลอง»

ตัวอย่างต่อไปนี้แสดงให้เห็นถึงวิธีการ jQuery Val () วิธีการที่จะได้รับค่าของช่องใส่:

ตัวอย่าง

$("#btn1").click(function(){
alert("值为: " + $("#test").val());
});

ลอง»


ได้รับทรัพย์สิน - attr ()

jQuery attr () วิธีการที่ใช้ในการขอรับค่าทรัพย์สิน

ตัวอย่างต่อไปนี้แสดงให้เห็นถึงวิธีการที่จะได้รับค่าของแอตทริบิวต์การเชื่อมโยง href นี้:

ตัวอย่าง

$ ( "ปุ่ม"). คลิก (ฟังก์ชั่น () {
การแจ้งเตือน ($ ( "# w3big") attr ( "href."));
});

ลอง»

บทต่อไปจะอธิบายวิธีการตั้งค่า (เปลี่ยนแปลง) เนื้อหาและค่าแอตทริบิวต์