Event ของ jquery แบบ Basic

25 September 2008
เหตุการณ์ที่ผู้ใช้กระทำ แบบง่ายของ jquery ประกอบด้วย เมื่อคลิก เมื่อเลื่อนเมาส์อยู่เหนือ และเมื่อเลื่อนเมาส์ออก 3 เหตุการณ์ ดูตัวอย่าง พร้อม โค้ด ด้านล่างประกอบ
เหตุการณ์เมื่อคลิกเมาส์

เหตุการณ์เมื่อเลื่อนเมาส์อยู่เหนือ

เหตุการณ์เมื่อเลื่อนเมาส์ออก

<html>
<head>
<title>demo</title>
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script language="javascript">
	$(function(){
		$("a#demo").click(function(){ 
			alert("Mouse Click"); 
		});

		$("a#demo2").mouseover(function(){  
			alert("Mouse Over"); 
		});		
		
		$("a#demo3").mouseout(function(){  
			alert("Mouse Out"); 
		});			
		
	});
</script>
</head>
<br />

<a href="#" id="demo">เหตุการณ์เมื่อคลิกเมาส์</a><br />
<a href="#" id="demo2">เหตุการณ์เมื่อเลื่อนเมาส์อยู่เหนือ</a><br />
<a href="#" id="demo3">เหตุการณ์เมื่อเลื่อนเมาส์ออก</a><br />
<body>
</body>
</html>







บทความในหมวดที่่น่าสนใจ อื่นๆ jQuery Learning

25 Sep 08 การกำหนด selectors ด้วย jQuery แบบลำดับขั้น ตอนที่ 1 อ่าน 3759 25 Dec 09 สร้าง watermark ลายน้ำ ให้กับช่อง สำหรับการค้นหา ด้วย jQuery และ CSS อย่างง่าย อ่าน 3725 25 Sep 08 มารู้จัก effect ของ jquery อย่างง่าย ตอนที่ 3 อ่าน 3703 19 Nov 09 สร้าง scrollbar แนวตั้ง จากรูปภาพ ด้วยเทคนิค css sprite image และ jQuery อ่าน 3661 15 Sep 10 สร้าง ตัว marker ระบุตำแหน่ง ใน google map จำนวนมาก จาก xml ไฟล์ อ่าน 3653 25 Sep 08 มารู้จัก effect ของ jquery อย่างง่าย ตอนที่ 2 อ่าน 3593 01 Dec 10 การใช้งาน polyline และ polygon ใน google map api v3 อ่าน 3581 09 Oct 09 ขยายขนาดความสูงของ iframe ตามความสูงของเพจที่แสดง ด้วย jQuery อ่าน 3569 24 Feb 09 เพิ่มลูกเล่นให้กับป้ายโฆษณาตรึงขอบล่าง ด้วย jQuery อ่าน 3514 25 Sep 08 รู้จักฟังก์ชันของ jQuery ในการเรียกใช้ Attribute อ่าน 3478 25 Sep 08 รู้จักฟังก์ชันของ jQuery ในการกำหนด Style Sheet อ่าน 3462 02 Feb 10 หมุน สลับ แบนเนอร์ในแนวนอน ด้วย jQuery อย่างง่าย อ่าน 3454 19 Feb 10 สร้าง Horizontal Accordion แนวนอน ด้วย jQuery อย่างง่าย อ่าน 3448 25 Sep 08 สิ่งจำเป็นก่อนการทำงานของโปรแกรม อ่าน 3353 22 Dec 10 เพิ่มลูกเล่น การแสดงข้อมูล เลื่อนสลับบน ล่าง คล้าย twitter ด้วย jQuery อ่าน 3351

บทความคนเข้าอ่านวันนี้

25 Sep 08 Functions ลบไฟล์ อ่าน 2372 26 Aug 10 ใช้ comments.get เรียกและ บันทึก facebook comment ล่าสุด ลงฐานข้อมูล ด้วย jQuery อ่าน 2363 25 Sep 08 Jquery javascript library มาแรง อ่าน 6344 24 Mar 10 เริ่มต้น รู้จัก ก่อนการใช้งาน google map api อ่าน 5086 25 Sep 08 การกำหนด selectors ด้วย jQuery แบบตัวกรองพื้นฐาน อ่าน 2700 09 Sep 10 Google map API v.3 กับ jQuery ลากจุดหา พิกัด ค่า latitude และ longitude อ่าน 6371 25 Sep 08 ดึงข้อมูลจากฐานข้อมูลใส่ List Box อ่าน 5504 13 May 09 แก้ไขการตัดข้อความด้วย substrใน php แล้วมีรูปสี่เหลี่ยม อ่าน 2712 18 Jun 10 การใช้งาน live และ die ใน jQuery 1.4 อ่าน 3034 21 Aug 09 ตรึงหัวข้อ header ในตาราง table ด้วย css รองรับ Firefox และ IE อ่าน 4803 09 Nov 08 สร้างปฏิทินด้วย php และ css โดยไม่ต้องใฃ้ตาราง อ่าน 10435 29 Mar 09 ประยุกต์ฟังก์ชัน substr_replace ใน PHP ตัดข้อความยาวแล้วตามด้วยเครื่องหมาย ...... อ่าน 1680 29 Mar 09 ทบทวนการตัดข้อความด้วย PHP อ่าน 3690 13 Oct 08 คำสั่ง SQL BETWEEN อ่าน 8901 28 Oct 10 เริ่มต้นใช้งาน jquery ui autocomplete อย่างง่าย อ่าน 3194 25 Sep 08 ใช้ PHP สร้าง Javascript อย่างง่าย อ่าน 4163 18 Oct 08 สร้างเมนูแนวนอน ด้วย CSS ไม่ต้องใช้ตารางอย่างง่าย อ่าน 4126 31 Mar 09 ดึงข้อมูลจากฐานข้อมูลเป็น excel ด้วย php รองรับภาษาไทย อ่าน 5588 25 Sep 08 Event ของ jquery แบบ Basic อ่าน 3772 06 May 10 สร้าง poll แบบสำรวจ ด้วย ajax ใน jQuery อย่างง่าย อ่าน 3992
จำนวนผู้เยี่ยมชม 777826
คน 2012 © Copyright ninenik.com. All rights reserved.