เว็บบอร์ด PHP เว็บส่งเสริมการเรียนรู้ Hosting CRM ERP Server Programming ถาม-ตอบปัญหา

หมวดแชร์ความรู้การใช้ jQuery เพิ่มเติม
https://www.mindphp.com/forums/viewforum.php?f=78

บทเรียน jQuery
https://www.mindphp.com/บทเรียนออนไลน์/สอน-jquery/2780-บทที่-3-jquery-selectors-ตอนที่-1.html

    $("div.sidenavOff").mouseover(function(){
    	$(this).removeClass().addClass("sidenavOver");
    }).mouseout(function(){
    	$(this).removeClass().addClass("sidenavOff");		
    });

การเปลี่ยน class ของ css ตาม event ที่เราต้องการนอกจากใช้ javascript [url=https://www.mindphp.com/developer/20-javascript/7036-%E0%B9%88javascript-changeclass.html]เปลี่ยน class css [/url] แล้ว เราสามารถใช้ jQuery แทนได้เพื่อเขียนโค้ดสั้นลง และ มีฟังก์ชั่นสำหรับ removeClass, addClass ได้ตามต้องการ

ตัวย่าง jQuery เปลี่ยน class ของ tag หรือ selector ทำงานเหมือน mouseover และ mouseout ของ javascript
[code] $("div.sidenavOff").mouseover(function(){
$(this).removeClass().addClass("sidenavOver");
}).mouseout(function(){
$(this).removeClass().addClass("sidenavOff");
});[/code]