jQuery เปลี่ยน class ของ tag หรือ selector ทำงานเหมือน mouseover และ mouseout

รวมโค้ด AJAX Javascript Library jQuery Framework ต่างๆ ที่ใช้ คู่กับ php Script Ajax โค้ด Ajax Prototype UI แนะนำได้ที่นี่

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41123
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

jQuery เปลี่ยน class ของ tag หรือ selector ทำงานเหมือน mouseover และ mouseout

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

การเปลี่ยน class ของ css ตาม event ที่เราต้องการนอกจากใช้ javascript เปลี่ยน class css แล้ว เราสามารถใช้ jQuery แทนได้เพื่อเขียนโค้ดสั้นลง และ มีฟังก์ชั่นสำหรับ removeClass, addClass ได้ตามต้องการ

ตัวย่าง jQuery เปลี่ยน class ของ tag หรือ selector ทำงานเหมือน mouseover และ mouseout ของ javascript

โค้ด: เลือกทั้งหมด

    $("div.sidenavOff").mouseover(function(){
    	$(this).removeClass().addClass("sidenavOver");
    }).mouseout(function(){
    	$(this).removeClass().addClass("sidenavOff");		
    });
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41123
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: jQuery เปลี่ยน class ของ tag หรือ selector ทำงานเหมือน mouseover และ mouseout

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

หมวดแชร์ความรู้การใช้ jQuery เพิ่มเติม
viewforum.php?f=78

บทเรียน jQuery
https://www.mindphp.com/บทเรียนออนไลน์/ ... ที่-1.html
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 23