รู้จักฟังก์ชันของ jQuery ในการเรียกใช้ Class ใน CSS
25 September 2008
สมมติ 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 ออก เป็นต้น
บทความคนเข้าอ่านวันนี้
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
