รู้จักฟังก์ชันของ jQuery ในการเรียกใช้ Class ใน CSS
เขียนเมื่อ 14 ปีก่อน โดย Ninenik Narkdeejquery class css
คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ jquery class css
ไปที่
Copy
สมมติ xxx คือแท็กที่เราต้องการ
myclass คือคลาสที่เรามีและได้กำหนดไว้แล้ว
หากต้องการเพิ่ม class เข้าไปใน object ใด ๆ เราจะใช้
หากต้องการเอา class ออกจาก object ใด ๆ เราจะใช้
และสุดท้าย
หากต้องการสลับไปมาระหว่างการเพิ่ม c]ass หรือเอา class ออกจาก object ใด ๆ เราจะใช้
แต่หากมีการเลื่อนเมาส์ออกจาก object ก็จะทำการเอา class ออก เป็นต้น
myclass คือคลาสที่เรามีและได้กำหนดไว้แล้ว
หากต้องการเพิ่ม class เข้าไปใน object ใด ๆ เราจะใช้
<script language="javascript"> $(function(){ $("xxx").addClass("myclass"); }); </script>หากต้องการหาว่า object นั้นมี class ชื่อ myclass อยู่หรือเปล่าจะใช้
<script language="javascript"> $(function(){ $("xxx").hasClass("myclass"); }); </script>ภ้ามีจะคืนค่าเป็น true ถ้าไม่มี จะคืนค่าเป็น false
หากต้องการเอา class ออกจาก object ใด ๆ เราจะใช้
<script language="javascript"> $(function(){ $("xxx").removeClass("myclass"); }); </script>
และสุดท้าย
หากต้องการสลับไปมาระหว่างการเพิ่ม c]ass หรือเอา class ออกจาก object ใด ๆ เราจะใช้
<script language="javascript"> $(function(){ $("xxx").toggleClass("myclass"); }); </script>ซึ่งจะใช้เมื่อมีเหตุการณ์จากผู้ใช้เช่น มีการเลื่อนเมาส์เหนือให้เพิ่ม class
แต่หากมีการเลื่อนเมาส์ออกจาก object ก็จะทำการเอา class ออก เป็นต้น
กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ

อ่านต่อที่บทความ
-
25 Sep2008ตัวอย่างการใช้งานฟังก์ชันของ jQuery ในการเรียกใช้ Class ใน CSS อ่าน 16,691
ตัวอย่าง พร้อมโค้ดประกอบด้านล่าง $(function(){ $("a#demo"
URL สำหรับอ้างอิง
Top
Copy
ขอบคุณทุกการสนับสนุน
![]()