รู้จักฟังก์ชันของ jQuery ในการเรียกใช้ Class ใน CSS

เขียนเมื่อ 16 ปีก่อน โดย Ninenik Narkdee
jquery css class

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ jquery css class

ดูแล้ว 13,144 ครั้ง


สมมติ xxx คือแท็กที่เราต้องการ
myclass คือคลาสที่เรามีและได้กำหนดไว้แล้ว

หากต้องการเพิ่ม class เข้าไปใน object ใด ๆ เราจะใช้
1
2
3
4
5
<script language="javascript">
$(function(){  
    $("xxx").addClass("myclass");  
});    
</script>
หากต้องการหาว่า object นั้นมี class ชื่อ myclass อยู่หรือเปล่าจะใช้
1
2
3
4
5
<script language="javascript">
$(function(){  
    $("xxx").hasClass("myclass");  
});    
</script>
ภ้ามีจะคืนค่าเป็น true ถ้าไม่มี จะคืนค่าเป็น false
หากต้องการเอา class ออกจาก object ใด ๆ เราจะใช้
1
2
3
4
5
<script language="javascript">
$(function(){  
    $("xxx").removeClass("myclass");  
});    
</script>

และสุดท้าย
หากต้องการสลับไปมาระหว่างการเพิ่ม c]ass หรือเอา class ออกจาก object ใด ๆ เราจะใช้
1
2
3
4
5
<script language="javascript">
$(function(){  
    $("xxx").toggleClass("myclass");  
});    
</script>
ซึ่งจะใช้เมื่อมีเหตุการณ์จากผู้ใช้เช่น มีการเลื่อนเมาส์เหนือให้เพิ่ม class
แต่หากมีการเลื่อนเมาส์ออกจาก object ก็จะทำการเอา class ออก เป็นต้น


กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ



อ่านต่อที่บทความ







Tags:: jquery css class







URL สำหรับอ้างอิง











เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ