ล่าสุดการพัฒนาเว็บบทเรียน
 

jQuery - รับเนื้อหาและคุณลักษณะ

❮ก่อนหน้า ถัดไปบท❯

jQuery มีวิธีการที่มีประสิทธิภาพสำหรับการเปลี่ยนแปลงและการจัดการองค์ประกอบ HTML และคุณลักษณะ

jQuery DOM จัดการ

ส่วนหนึ่งที่สำคัญมากของ jQuery เป็นไปได้ที่จะจัดการ DOM

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

DOM = Document Object Model

พระกำหนดมาตรฐานสำหรับการเข้าถึงเอกสาร HTML และ XML:

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

รับเนื้อหา - text(), html() และ val()

สามที่เรียบง่าย แต่มีประโยชน์วิธี jQuery สำหรับการจัดการ DOM คือ:

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

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

ตัวอย่าง

$("#btn1").click(function(){
    alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
    alert("HTML: " + $("#test").html());
});
ลองตัวเอง»

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

ตัวอย่าง

$("#btn1").click(function(){
    alert("Value: " + $("#test").val());
});
ลองตัวเอง»

ได้รับมาแอตทริบิวต์ - attr()

jQuery attr() วิธีการที่ใช้ในการรับค่าแอตทริบิวต์

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

ตัวอย่าง

$("button").click(function(){
    alert($("#w3s").attr("href"));
});
ลองตัวเอง»

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

ทดสอบด้วยตัวเองด้วยการออกกำลังกาย!

การใช้สิทธิ 1 » ออกกำลังกาย 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย»

jQuery HTML อ้างอิง

สำหรับภาพรวมทั้งหมดของทุกวิธี HTML jQuery โปรดไปที่เรา jQuery HTML / CSS อ้างอิง


❮ก่อนหน้า ถัดไปบท❯