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

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







บทความในหมวดที่่น่าสนใจ อื่นๆ jQuery Learning

25 Sep 08 การกำหนด selectors ด้วย jQuery แบบตัวกรอง Attribute อ่าน 2750 28 Jun 10 การเลือก หรือ ไม่เลือก checkbox ทั้งหมด และ hilight ด้วย jQuery อย่างง่าย อ่าน 2745 29 Oct 10 แนะนำ jQuery CountDown plugin สวยๆ สำหรับประยุกต์ใช้งาน อ่าน 2741 01 Feb 10 การใช้งาน method delay() ใน jQuery 1.4 อ่าน 2732 25 Sep 08 การกำหนด selectors ด้วย jQuery แบบตัวกรองพื้นฐาน อ่าน 2714 26 Sep 10 การแสดงข้อมูล แนะนำ เส้นทาง ใน google map อ่าน 2690 29 Nov 09 กำหนด hilight ของ cell ข้อมูลในตาราง ด้วย jQuery และ CSS อย่างง่าย อ่าน 2614 20 Oct 10 สร้าง video playlist ของ jwplayer jquery plugin ด้วย xml และการใช้งาน อ่าน 2598 02 Apr 11 การอ้างอิง object ในหน้าหลัก จากหน้า popup ด้วย jQuery อย่างง่าย อ่าน 2590 21 Mar 11 การสร้างปุ่ม facebook ล็อกอิน เว็บไซต์ แบบแสดงรูป และกำหนดเพิ่มเติม อ่าน 2588 25 Sep 08 หาตำแหน่งของ element แนวแกน x แกน y ด้วยฟังก์ชันของ jQuery อ่าน 2584 22 Aug 10 สร้าง waiting page ให้รอสักครู่ ก่อนลิ้งค์ ไปเว็บอื่น ด้วย jQuery และ php อ่าน 2580 06 Nov 10 แนะนำ jQuery UI Effect แบบ ไม่ต้องใช้งานร่วมกับ event show hide และ toggle อ่าน 2576 14 Mar 09 ค้นหาข้อความในหน้าเว็บเพจอย่างง่ายด้วย jQuery อ่าน 2567 12 Aug 10 ประยุกต์ ใช้ jQuery สร้างข้อความเลื่อน ซ้าย ขวา คล้าย marquee อ่าน 2558

บทความคนเข้าอ่านวันนี้

25 Sep 08 การกำหนด selectors ด้วย jQuery แบบลำดับขั้น ตอนที่ 1 อ่าน 3772 09 Oct 09 ขยายขนาดความสูงของ iframe ตามความสูงของเพจที่แสดง ด้วย jQuery อ่าน 3600 25 Sep 08 Authentication ป้องกันไฟล์ด้วย php อ่าน 3749 17 Aug 09 สร้างเมนู เทคนิค ลูกตาปลา ด้วย jQuery อย่างง่าย อ่าน 5624 23 Nov 08 สร้างเมนูแท็บ Tab menu ด้วย jQuery + CSS อย่างง่าย อ่าน 24729 27 May 10 ทบทวน ลำดับ การทำงาน mouse events ใน jQuery อ่าน 2365 25 Sep 08 Javascript กับเทคนิค Mouseover และ Mouseout อ่าน 4832 11 Sep 10 กำหนด แก้ไข เปลี่ยนแปลง รูปแบบ ประเภท ของ แผนที่ map types ใน google map อ่าน 1955 10 Nov 08 ฟังก์ชัน PHP ตัดข้อความยาวด้วย wordwrap อ่าน 3640 21 Sep 10 ทบทวน การจัดการกับ ตัวแปร array ใน javascript ด้วย ฟังก์ชัน ตอนที่ 1 อ่าน 1413 26 Oct 08 เช็ค browser ด้วย javascript ได้ทั้ง IE Firefox Opera Chrome อ่าน 3983 19 Oct 08 คำสั่ง SQL functions อ่าน 4439 25 Sep 08 เลือกหรือไม่เลือก checkbox ทั้งหมด อ่าน 3841 18 Oct 08 รู้จักการใช้งานฟังก์ขัน after() ใน jquery อ่าน 2814 28 Oct 08 ฟังก์ชัน สร้าง ajax object ไว้ใช้งานอย่างง่าย อ่าน 3891 26 Mar 09 แสดงข้อความบนรูปภาพพื้นหลังสีจางด้วย CSS และ jQuery อ่าน 5025 29 Jul 10 สั่ง print preview ใน IE และ ประยุกต์กับ บราวเซอร์ อื่น อ่าน 3257 29 Oct 08 ใช้ php เข็ค javascript ว่ามีการเปิดใช้ หรือ enable หรือไม่ อ่าน 1636 18 Dec 09 สร้างไฟล์ word จาก html ด้วย php class ได้อย่างง่าย อ่าน 1959 02 Jun 10 การหา ขนาด ความกว้าง ความสูงของ รูปภาพ ด้วย javascript อ่าน 2166
จำนวนผู้เยี่ยมชม 784677
คน 2012 © Copyright ninenik.com. All rights reserved.