code jquery
อธิบาย code
3อ่านcodeภาษา ด้วย utf-8
4ชื่อtitle
5คำสั่งที่ทำให้เป็น Responsive
6เรียกใช้งาน javascript ของ jquery
7แท็คเปิด javascipt
8เรียกใช้งาน function ของ jquery
10กำหนดfunction ถ้ากด คลิก ที่มีid add ให้ทำอะไร
11เปลี่ยนแปลงแท็ค p ให้เพิ่ม class ที่ชื่อ style1
12เปลี่ยนแปลงแท็ค div ให้เพิ่ม class ที่ชื่อ stylediv
15กำหนดfunction ถ้ากด คลิก ที่มีid del ให้ทำอะไร
16เปลี่ยนแปลงแท็ค p ให้ลบ class ที่ชื่อ style1
17เปลี่ยนแปลงแท็ค div ให้ลบ class ที่ชื่อ stylediv
19กำหนดfunction ถ้ากด คลิก ที่มีid tog ให้ทำอะไร
20เปลี่ยนแปลงแท็ค p ให้สลับเปิดปิด class ที่ชื่อ style1
21เปลี่ยนแปลงแท็ค div ให้สลับเิดปิด class ที่ชื่อ stylediv
24แท็คปิด javascipt
25เปิดแท็ค style
26 กำหนด class ที่ชื่อว่า style1
27ขนาดตัวอักษร 30px
28เปลี่ยนสีตัวอักษร เป็นสีแดง
29background สีเหลือง
30กำหนดกรอบ ขนาด2px ชนิด solid สีดำ
32กำหนดclass ที่ชื่อ stylediv
33กว้าง80
34สูง100
35กรอบ 2px ชนิด solid สีแดง
36เงา ด้านขวา 7px ข้างล่าง 5px สีเหลือง
37พื้นหลัง สีเขียวออกเหลือง
38ตัวอักษรอยู่ตรงกลาง
41ปิดแท็ค style
44แท็คp มีตัวอักษร test
45แท็ค div มี ตัวอักษร hello
47ปุ่ม id add
48ปุ่ม id del
49ปุ่ม id tog
ผลลัพธ์
เมื่อทำการกดปุ่ม
-ปุ่มเพิ่มstyle คือ เมื่อกดปุ่มจะเป็นการเพิ่ม style
-ปุ่มลบstyle คือ เมื่อกดปุ่มจะเป็นการลบ style
-เปิดปิดstyle คือ เมื่อกดปุ่ม จะสลับค่า เช่น มีstyle เมื่อกด จะลบ style
jquery เพิ่ม,ลบ,เปิดปิด(สลับค่า)style
Moderator: mindphp, ผู้ดูแลกระดาน
- pond
- PHP Super Hero Member
- โพสต์: 570
- ลงทะเบียนเมื่อ: 25/05/2016 9:44 am
-
- Similar Topics
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
- 0 ตอบกลับ
- 2117 แสดง
-
โพสต์ล่าสุด โดย abdkode
10/01/2019 7:11 pm
-
-
โพสต์ใหม่ มารู้จักกับ Procedural Style และแบบ OOP Style กันเถอะ!
โดย putcharaporn_tan » 06/08/2015 1:36 pm » ใน PHP Knowledge - 0 ตอบกลับ
- 2318 แสดง
-
โพสต์ล่าสุด โดย putcharaporn_tan
06/08/2015 1:36 pm
-
-
- 25 ตอบกลับ
- 5495 แสดง
-
โพสต์ล่าสุด โดย ewqolf
06/02/2023 9:15 am
-
-
โพสต์ใหม่ ถาม jQuery jQuery.get() กับ jQuery.post() ใน ajax
โดย jay_limm » 18/06/2014 2:15 pm » ใน JavaScript & jQuery Ajax & Node.JS - 2 ตอบกลับ
- 5541 แสดง
-
โพสต์ล่าสุด โดย jay_limm
18/06/2014 2:48 pm
-
-
-
โพสต์ใหม่ ต้องการให้ Jquery กด ปุ๋มให้เรา jQuery(selector).submit(); เเต่มันไม่ทำงาน
โดย thatsawan » 21/09/2015 10:32 pm » ใน JavaScript & jQuery Ajax & Node.JS - 4 ตอบกลับ
- 3635 แสดง
-
โพสต์ล่าสุด โดย Keyboardslo
27/01/2016 3:59 pm
-
-
-
โพสต์ใหม่ การใช้งาน JQUERY ในการแก้ไข Element ต่างๆโดยการเรียกด้วย method jquery
โดย ewqolf » 24/01/2023 12:45 pm » ใน jQuery & Ajax Knowledge - 1 ตอบกลับ
- 875 แสดง
-
โพสต์ล่าสุด โดย mindphp
24/01/2023 1:15 pm
-
-
-
โพสต์ใหม่ JQuery Tips : เมธอด hover() กำหนดฟังก์ชันเมื่อมีการชี้เม้าส์ ใน Jquery
โดย abdkode » 27/03/2019 2:26 pm » ใน jQuery & Ajax Knowledge - 0 ตอบกลับ
- 3133 แสดง
-
โพสต์ล่าสุด โดย abdkode
27/03/2019 2:26 pm
-
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 70