1 00:00:00,750 --> 00:00:04,720 Hello and welcome to this vigil on Jake Query. 2 00:00:04,720 --> 00:00:10,790 CHENEY mcqueary Cheney is a very powerful feature of Jake Query. 3 00:00:11,100 --> 00:00:16,790 It allows you to change together actions or methods. 4 00:00:16,800 --> 00:00:28,200 Cheney allows us to run multiple joke query actions on the same element within a single state. 5 00:00:28,440 --> 00:00:28,980 So we. 6 00:00:28,980 --> 00:00:29,730 Cheney. 7 00:00:29,880 --> 00:00:39,330 You can specify multiple functions or actions to call on a single element. 8 00:00:39,330 --> 00:00:46,480 I have got some code here in my text editor of a change in action. 9 00:00:46,590 --> 00:00:48,830 So this is my code here. 10 00:00:48,840 --> 00:00:50,060 This is the script. 11 00:00:50,100 --> 00:00:51,910 The code between the script. 12 00:00:51,990 --> 00:00:54,800 This is the source to lead your query library. 13 00:00:54,900 --> 00:01:00,750 In between the script is the code that will perform the in actions. 14 00:01:00,900 --> 00:01:08,350 So we start this crib where the documents don't read a function to get the document ready. 15 00:01:08,520 --> 00:01:13,280 Then we are in this line of code online 14. 16 00:01:13,500 --> 00:01:22,980 We've got the button the button is this select and I have attached the click event to the button. 17 00:01:22,980 --> 00:01:29,370 What that means is that there is a button button here when the button is clicked on. 18 00:01:29,370 --> 00:01:31,920 This is what I want to happen inside here. 19 00:01:31,920 --> 00:01:36,480 This is a piece of action I want to see Cheney action. 20 00:01:36,480 --> 00:01:42,930 What that will do when the button is clicked div which is. 21 00:01:43,050 --> 00:01:46,080 Here have stalled it and have defined the here. 22 00:01:46,320 --> 00:01:50,360 Dave will perform several actions several things will happen to it. 23 00:01:50,370 --> 00:01:56,460 The first is that I will change the background colour or use Indeed dotsie a sense method. 24 00:01:56,550 --> 00:02:00,830 It would change the background colour to read from as column corrin Colour. 25 00:02:01,100 --> 00:02:08,600 Once he's done that it'll slide the div up with two thousand milliseconds. 26 00:02:08,590 --> 00:02:17,040 This is the barometer how slow it will slide up and then once it's done that it will slide down again. 27 00:02:17,040 --> 00:02:20,190 Again within two thousand milliseconds. 28 00:02:20,190 --> 00:02:27,900 So this is a change in action so there is a series of actions that will happen to this div. 29 00:02:27,900 --> 00:02:30,180 So let me run that and then you can see. 30 00:02:30,330 --> 00:02:33,660 This is code responsible for this line. 31 00:02:33,660 --> 00:02:36,650 Here is where the change in occurs. 32 00:02:36,660 --> 00:02:40,290 There are several things happening to a deep element. 33 00:02:40,320 --> 00:02:50,490 When the button is clicked so I've chained together some actions that will occur on the Deve. 34 00:02:51,120 --> 00:02:54,570 So let me run this code and you can see. 35 00:02:58,600 --> 00:03:02,950 All right so this is the court here. 36 00:03:03,010 --> 00:03:07,300 So this little blue box here is this deep here. 37 00:03:07,310 --> 00:03:08,570 I have defined it. 38 00:03:08,620 --> 00:03:12,950 We do with stylin uncle undefined it here. 39 00:03:12,970 --> 00:03:15,100 This is box here. 40 00:03:15,640 --> 00:03:17,420 The button button here. 41 00:03:17,440 --> 00:03:18,760 This is where the click. 42 00:03:18,790 --> 00:03:19,750 I've attached it. 43 00:03:19,780 --> 00:03:21,190 Cook it. 44 00:03:21,220 --> 00:03:26,950 So when I click it changed the changing look on this blue box. 45 00:03:27,040 --> 00:03:33,620 So when I click on the Click on the button the box here is the blue box. 46 00:03:33,790 --> 00:03:35,580 We'll have some change in actions. 47 00:03:35,580 --> 00:03:45,940 First the background colour we change use in csx to read and then it will slip up and then slide down 48 00:03:46,070 --> 00:03:49,030 to it to slide up and then slide down. 49 00:03:49,060 --> 00:03:50,020 So let's try that. 50 00:03:50,020 --> 00:03:50,970 Check that out. 51 00:03:51,310 --> 00:03:57,160 So click berggren Collar changes goes up and then goes down. 52 00:03:57,580 --> 00:03:58,090 Okay. 53 00:03:58,130 --> 00:04:03,430 So that is an example of a change in action. 54 00:04:03,710 --> 00:04:12,700 So Jake Query Cheney allows us to run multiple actions on methods on the same element within a single 55 00:04:12,700 --> 00:04:13,630 statement. 56 00:04:13,900 --> 00:04:18,390 So just within a single step in here I have changed the colour of Dave. 57 00:04:18,820 --> 00:04:23,080 I have told it to go up and down and do that one more time. 58 00:04:23,320 --> 00:04:26,000 Click most. 59 00:04:26,020 --> 00:04:27,640 Let's restart that. 60 00:04:27,640 --> 00:04:29,200 This is your original colour. 61 00:04:29,360 --> 00:04:37,150 So when I click changes to red sleeves up slows down so that has been defined here in this changing 62 00:04:37,260 --> 00:04:37,950 state. 63 00:04:37,960 --> 00:04:47,050 So this is an example of how Cheney works in this field you explain what Jake Query. 64 00:04:47,050 --> 00:04:59,680 Cheney is an illustrated with an example chain in action chain in allows us to run multiple actions 65 00:04:59,800 --> 00:05:03,820 on a single elemen by chain in them together. 66 00:05:04,120 --> 00:05:06,840 Thank you so much for watching by phone.