జెక్కీ ఇవెంట్స్

หน้าก่อน జెక్కీ సెలెక్టర్స్
หน้าต่อไป jQuery ซ่อน/แสดง

jQuery 是为事件处理特别设计的。

jQuery 事件函数

jQuery 事件处理方法是 jQuery 中的核心函数。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。

通常会把 jQuery 代码放到部分的事件处理方法中：

ตัวอย่าง

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("document").ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

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

పైని ఉదాహరణలో, బటన్ ను క్లిక్ చేసినప్పుడు ఫంక్షన్ కాల్ చేస్తారు:

$("button").click(function() {  // some code... } )

ఈ పద్ధతి అన్ని <p> ఎలమెంట్స్ ని మరుగుపరచుతుంది:

$("p").hide();

అదే ఫైల్‌లో ఫంక్షన్స్

మీ వెబ్‌సైట్‌లో అనేక పేజీలు ఉన్నాయి మరియు మీ jQuery ఫంక్షన్స్ నిర్వహణలో సులభంగా ఉండాలని కోరుకున్నాయి అని ఉంటే, మీ jQuery ఫంక్షన్స్ ని వేర్వేరు .js ఫైల్స్‌లో పెట్టండి.

เมื่อเราแสดงตัวอย่าง jQuery ในคู่มือ จะเพิ่มฟังก์ชันโดยตรงไปยังส่วน <head> ของเอกสาร. แต่มันดีที่จะจัดเก็บในไฟล์แยกตัว อย่างเช่นนี้ (ด้วยการอ้างอิงไฟล์ผ่านทาง src):

ตัวอย่าง

<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="my_jquery_functions.js"></script>
</head>

ชนชื่อ jQuery

jQuery ใช้สัญญาณ $ ในการนำเสนอ jQuery

ฟังก์ชันของหน่วยคลัง JavaScript อื่นๆ (เช่น Prototype) ใช้สัญญาณ $ ด้วย

jQuery ใช้วิธี noConflict() ที่ชื่อนี้เพื่อแก้ปัญหานี้

var jq=jQuery.noConflict()，ช่วยเหลือคุณในการใช้ชื่อของตัวเอง (เช่น jq) แทนสัญญาณ $

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

สรุป

เพราะ jQuery ถูกออกแบบมาเพื่อจัดการเหตุการณ์ HTML ดังนั้น เมื่อคุณปฎิบัติตามหลักการดังนี้ รหัสของคุณจะถูกต้องและง่ายต่อการดูแล:

จัดเก็บทุกรหัส jQuery ไว้ในตัวแปลงงานการจัดการเหตุการณ์
จัดเก็บทุกฟังก์ชันการจัดการเหตุการณ์ไว้ในตัวแปลงงาน ready ของเอกสาร
จัดเก็บรหัส jQuery ในไฟล์ .js แยกตัว
ถ้ามีชื่อที่ชนกัน ตั้งชื่อใหม่กับหน่วยคลัง jQuery