ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 5 jQuery Effect ตอนที่ 6 (Chaining)
   chain คือการรวม method หรือ action ต่างๆไว้ภายในชุดคำสั่งเดียว ซึ่งช่วยให้เราสามารถเขียนโค๊ดคำสั่งได้ สั้น กระชับขึ้น
   โดยจะ run แบบที่ละคำสั่งไปเรื่อยๆ คล้ายๆ กับการใช้ Queue Functionality (ดูตัวอย่าง Queue Functionality ที่บทที่5 ตอนที่ 3 ) เพียงแต่การ chain นั้นสามารถเขียนโค๊ดคำสั่งได้สั้นกว่าการใช้ Queue Functionality

  ตัวอย่างที่ 1 method chaining

<!DOCTYPE html>
<html>
<head>
<script src="/jquery-1.9.1.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("div")
       .slideUp(2000)
      .slideDown(2000);
  });
});
</script>
</head>
<body>
<button>Start Animation</button>
<div style="background:pink;height:100px;width:100px;position:absolute;">
</div>
</body>
</html>

คลิกดูตัวอย่างที่ 1 method chaining

ตัวอย่างที่ 2 Queue Functionality

<!DOCTYPE html>
<html>
<head>
<script src="/jquery-1.9.1.js">
</script>
<script> 
$(document).ready(function(){
  $("button").click(function(){
    var div=$("div");
    div.slideUp(2000);
    div.slideDown(2000);    
  });
});
</script> 
</head> 
<body>
<button>Start Animation</button>
<div style="background:pink;height:100px;width:100px;position:absolute;">
</div>
</body>
</html>

คลิกดูตัวอย่างที่ 2 Queue Functionality
    
    ***
method chaining VS  Queue Functionality จะเห็นว่าทั้งสองแบบสามารถให้ผลลัพธ์ได้เหมือนกัน เพียงแต่ต่างกันที่แบบ method chaining นั้นมีโค๊ดคำสั่งที่กระชับกว่าแบบ  Queue Functionality

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
R - mdsoft_boworn_herb_fields
โดย thatsawan พฤ 18 ม.ค. 2018 3:21 pm บอร์ด openerp bridge webstie
1
4
พฤ 18 ม.ค. 2018 3:54 pm โดย mindphp
R - mdsoft_member_points สะสมคะเเนน
โดย thatsawan พฤ 18 ม.ค. 2018 2:50 pm บอร์ด openerp bridge webstie
0
2
พฤ 18 ม.ค. 2018 2:50 pm โดย thatsawan
ขอสอบถามเรื่องความแตกต่างของฟังก์ชั่นvariant_pow()กับฟังก์ชั่น pow()
โดย Parichat พฤ 18 ม.ค. 2018 1:58 pm บอร์ด Programming - PHP
0
8
พฤ 18 ม.ค. 2018 1:58 pm โดย Parichat
อยากได้โปรแกรม command แบบ cmd ที่เก็บ history ได้ค่ะช่วยเเนะนำหน่อย
โดย thatsawan พฤ 18 ม.ค. 2018 11:18 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
17
พฤ 18 ม.ค. 2018 11:18 am โดย thatsawan
0vsNULL
โดย Before Dong พฤ 18 ม.ค. 2018 10:32 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
15
พฤ 18 ม.ค. 2018 2:51 pm โดย Before Dong
งานประจำวันที่ 18 มกราคม 2561
โดย Parichat พฤ 18 ม.ค. 2018 9:38 am บอร์ด MT21 - ปาริชาติ รัตโณภาส
0
4
พฤ 18 ม.ค. 2018 9:38 am โดย Parichat
งานประจำวันที่ 18 มกราคม 2561
โดย Jom07 พฤ 18 ม.ค. 2018 9:27 am บอร์ด MT23 - สุพรรษา พูลตา
1
18
พฤ 18 ม.ค. 2018 10:56 am โดย Jom07
งานประจำวันที่ 18 มกราคม 2561
โดย Four พฤ 18 ม.ค. 2018 9:24 am บอร์ด MT22 - อิษยา งามสอาด
1
13
พฤ 18 ม.ค. 2018 11:44 am โดย Four
VDO สอนพัฒนา Componet Joomla ภาษาอังกฤษ By Mindphp Developer Team
โดย mindphp พฤ 18 ม.ค. 2018 6:21 am บอร์ด Joomla Development
0
12
พฤ 18 ม.ค. 2018 6:21 am โดย mindphp
Ozio Gallery-Components & Plugins สำหรับช่วยให้ดูภาพที่เผยแพร่บน Googleและวีดีโอจาก Youtube ที่ละเอียด
โดย Parichat พ 17 ม.ค. 2018 7:30 pm บอร์ด Joomla Extension Review
0
21
พ 17 ม.ค. 2018 7:30 pm โดย Parichat
ตัวดำเนินการของตัวแปร List
โดย Four พ 17 ม.ค. 2018 4:35 pm บอร์ด Python Knowledge
0
15
พ 17 ม.ค. 2018 4:35 pm โดย Four
การใช้ Del statement
โดย Four พ 17 ม.ค. 2018 4:03 pm บอร์ด Python Knowledge
0
14
พ 17 ม.ค. 2018 4:03 pm โดย Four
Review Applications 17 มกราคม 2561
โดย Jom07 พ 17 ม.ค. 2018 3:44 pm บอร์ด MT23 - สุพรรษา พูลตา
1
18
พ 17 ม.ค. 2018 6:19 pm โดย Jom07
การใช้ Precedence
โดย Four พ 17 ม.ค. 2018 3:36 pm บอร์ด Python Knowledge
0
15
พ 17 ม.ค. 2018 3:36 pm โดย Four
โครงสร้าง Module
โดย tsukasaz พ 17 ม.ค. 2018 3:08 pm บอร์ด Joomla Dev
0
7
พ 17 ม.ค. 2018 3:08 pm โดย tsukasaz
Index VDO Reenigne – คุณวีรศักดิ์ - odoo 10
โดย Four พ 17 ม.ค. 2018 2:33 pm บอร์ด MT22 - อิษยา งามสอาด
0
8
พ 17 ม.ค. 2018 2:33 pm โดย Four
งานประจำวันที่ 17 มกราคม 2561
โดย Four พ 17 ม.ค. 2018 9:56 am บอร์ด MT22 - อิษยา งามสอาด
3
30
พ 17 ม.ค. 2018 4:36 pm โดย Four
Work's on Hand ปาริชาติ รัตโณภาส MT21
โดย Parichat จ 08 ม.ค. 2018 12:11 pm บอร์ด MT21 - ปาริชาติ รัตโณภาส
2
49
พ 17 ม.ค. 2018 10:51 am โดย Parichat
งานประจำวันที่ 17 มกราคม 2561
โดย Parichat พ 17 ม.ค. 2018 9:47 am บอร์ด MT21 - ปาริชาติ รัตโณภาส
11
57
พ 17 ม.ค. 2018 7:31 pm โดย Parichat
ไอเดียในการออกแบบ iphone8
โดย Before Dong พ 17 ม.ค. 2018 10:29 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
22
พ 17 ม.ค. 2018 10:29 am โดย Before Dong