DOM (Document Object Model) เป็นมาตรฐานของ World Wide Web Consortium สิ่งนี้นิยามสำหรับการเข้าถึงองค์ประกอบในทรี DOM
โค้ด: เลือกทั้งหมด
$(selector).on(para1, para2, para3, para4)
- para1: ระบุเหตุการณ์ที่แนบหรือใส่มากับองค์ประกอบที่เลือก
- para2:เป็นตัวเลือกเพิ่มเติมและสามารถระบุถึงค่าชายน์(child)เฉพาะที่สามารถใช้ตัวจัดการเหตุการณ์
- para3:นี่เป็นตัวเลือกเพิ่มเติมเพื่อระบุข้อมูลเพิ่มเติมที่จะส่งผ่านพร้อมกับฟังก์ชัน
- para4:นี่เป็นการระบุฟังก์ชันที่จะรันเมื่อมีเหตุการณ์เกิดขึ้น
โค้ด: เลือกทั้งหมด
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
<!--jQuery code to show on method -->
$(document).ready(function() {
$("p").on("click", function() {
document.getElementById("p1").innerHTML = "Paragraph changed!";
});
});
</script>
<style>
#p1 {
font-size: 30px;
width: 400px;
padding: 20px;
border: 2px solid green;
}
</style>
</head>
<body>
<!--click on this paragraph -->
<p id="p1">Click Here !!!</p>
</body>
</html>
ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : JQuery
-สอนการใช้งาน HTML & CSS
-ถามตอบ HTML CSS
-บทเรียน CSS
-บทเรียน HTML5
-แลกเปลี่ยนความรู้ PHP