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
Moderators: mindphp, ผู้ดูแลกระดาน
- pond
- PHP Super Hero Member
- Posts: 570
- Joined: 25/05/2016 9:44 am
-
- Similar Topics
- Replies
- Views
- Last post
-
- 0 Replies
- 1655 Views
-
Last post by abdkode
10/01/2019 7:11 pm
-
-
Ajax Autocomplete Style MVC ใน Joomla โดยใช้ Jquery UI
by mindphp » 13/04/2012 3:23 am » in Share Knowledge - 0 Replies
- 3351 Views
-
Last post by mindphp
13/04/2012 3:23 am
-
-
- 3 Replies
- 14705 Views
-
Last post by theone084
17/10/2013 4:16 pm
-
-
มีตัวอย่างการเขียน เพิ่ม ลบ แก้ไข ด้วย Jquery PhP Mysql ไหมครับ
by mcmakdonal » 18/01/2016 7:19 pm » in JavaScript & Jquery Ajax - 1 Replies
- 1054 Views
-
Last post by thatsawan
18/01/2016 9:31 pm
-
-
-
มารู้จักกับ Procedural Style และแบบ OOP Style กันเถอะ!
by putcharaporn_tan » 06/08/2015 1:36 pm » in PHP Knowledge - 0 Replies
- 1048 Views
-
Last post by putcharaporn_tan
06/08/2015 1:36 pm
-
-
-
EditPlus ปีกกา เปิดปิด มีสีให้เห็นชัดเจน
by jataz2 » 10/05/2011 2:02 pm » in JavaScript & Jquery Ajax - 6 Replies
- 4782 Views
-
Last post by Sittichai Phoethong
11/06/2019 7:19 pm
-
-
-
PHP บอกลา short_open_tag เปิดปิด PHP แบบย่อ <?=$var ?>
by mindphp » 06/01/2021 1:46 am » in PHP Knowledge - 0 Replies
- 33 Views
-
Last post by mindphp
06/01/2021 1:46 am
-
-
-
ถาม jQuery jQuery.get() กับ jQuery.post() ใน ajax
by jay_limm » 18/06/2014 2:15 pm » in JavaScript & Jquery Ajax - 2 Replies
- 3383 Views
-
Last post by jay_limm
18/06/2014 2:48 pm
-
Who is online
Users browsing this forum: No registered users and 1 guest