PHP Ionic Angular HTML5 AJAX Javascript CSS MySQL jQuery Forum


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

25 September 2008 By Ninenik Narkdee
css class jquery

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



สมมติ xxx คือแท็กที่เราต้องการ
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 เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ



บริการเว็บ server web hosting
บริการเว็บ server web hosting


Tags:: css class jquery







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