jQuery ได้รับสาระและคุณภาพ

jQuery มีวิธีที่แข็งแรงในการปฏิบัติการ HTML และคุณภาพ

ปฏิบัติการ DOM ด้วย jQuery

บางส่วนที่สำคัญของ jQuery คือ ความสามารถในการปฏิบัติการ DOM

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

คำเตือน:DOM = Document Object Model (มอ덮จอม)

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

“W3C Document Object Model อิสระจากแผงงานและภาษา อนุญาตให้โปรแกรมและสคริปต์เข้าถึงและปรับปรุงสาระ โครงสร้างและรูปแบบของเอกสารอย่างทันที.”

เข้าถึงสาระ - text()、html() และ val()

สามวิธีที่เพียงพอสำหรับปฏิบัติการ DOM ด้วย jQuery

  • 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() ใช้ในการเข้าถึงค่าของคุณภาพ

ตัวอย่างด้านล่างนี้แสดงวิธีการใช้งาน jQuery ในการเข้าถึงค่าของรูปแบบ href ในลิงก์:

ตัวอย่าง

$("button").click(function(){
  alert($("#w3s").attr("href"));
});

ลองด้วยตัวเอง

บทที่ต่อไปจะมีการรายละเอียดวิธีการตั้งค่า (เปลี่ยนแปลง) สาระและค่าของคุณภาพ

คู่มืออ้างอิง jQuery HTML

ถ้าต้องการข้อมูลเต็มเกี่ยวกับวิธีการ HTML ของ jQuery โปรดเข้าถึงคู่มืออ้างอิงด้านล่าง: