PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

25 September 2008 By


สมมติ 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 ออก เป็นต้น

Tags:: class css jquery





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