jQuery ตัวอย่าง

ผ่านตัวอย่างเพื่อพัฒนาทักษะ jQuery!

ตัวอย่าง jQuery ภาษา

$("this").hide()
การแสดงตัวอย่าง jQuery hide() ฟังก์ชัน ซ่อนองค์ประกอบ HTML ในตอนนี้
$("p").hide()
การแสดงตัวอย่าง jQuery hide() ฟังก์ชัน ซ่อนองค์ประกอบ <p> ทั้งหมด
$(".test").hide()
การแสดงตัวอย่าง jQuery hide() ฟังก์ชัน ซ่อนองค์ประกอบทั้งหมด class="test"
$("#test").hide()
การแสดงตัวอย่าง jQuery hide() ฟังก์ชัน ซ่อนองค์ประกอบ id="test"

ชี้แจงตัวอย่าง

ซ่อน - ซับ - ท้ายตาย

jQuery fadeOut()
การแสดงตัวอย่าง jQuery fadeout() ฟังก์ชันที่ง่ายๆ
jQuery hide()
การแสดงตัวอย่าง jQuery hide() ฟังก์ชันที่ง่ายๆ
ซ่อนชี้แจง
การแสดงตัวอย่างซ่อนข้อความบางส่วน
Slide panel
การแสดงตัวอย่าง Slide Panel ฟีเจอร์ที่ง่ายๆ
jQuery animate()
การแสดงตัวอย่าง jQuery animate() ฟังก์ชันที่ง่ายๆ

ชี้แจงตัวอย่าง

การปฏิบัติต่อ HTML

เปลี่ยนเนื้อหาขององค์ประกอบ HTML。

เพิ่มเนื้อหาไปที่องค์ประกอบ HTML。

เพิ่มเนื้อหาหลังองค์ประกอบ HTML。

ชี้แจงตัวอย่าง

การปฏิบัติต่อ CSS

เปลี่ยนคุณสมบัติ CSS ขององค์ประกอบ HTML。

เปลี่ยนคุณสมบัติ CSS หลายอย่าง。

ได้รับคุณสมบัติ CSS ขององค์ประกอบ。

ชี้แจงตัวอย่าง

AJAX และ jQuery

ใช้ $(selector).load(url) ในการเปลี่ยนสีของ HTML。

ใช้ $.ajax(options) ในการเปลี่ยนสีของ HTML。

ชี้แจงตัวอย่าง