1 00:00:00,600 --> 00:00:07,440 Hello and welcome to this lecture on how to access jaquie really library. 2 00:00:07,530 --> 00:00:11,830 There are two main ways you can access each query library. 3 00:00:11,880 --> 00:00:19,820 You can download from Jay Query dot com or you can reference it from a content delivery network they 4 00:00:19,820 --> 00:00:28,290 will hosted for you or you need to do this reference to use in this source attribute some on the Jay 5 00:00:28,320 --> 00:00:30,000 Query dot com website. 6 00:00:30,090 --> 00:00:37,390 If he can just go to a query talk can't download and click on Download button. 7 00:00:39,060 --> 00:00:46,870 Depending on what projects you want to use a query for if your debt is going to. 8 00:00:47,070 --> 00:00:53,070 Internet Explorer 9 or less there you one go for geo query. 9 00:00:53,220 --> 00:01:03,840 Version 1 x So there are two branches jaquie one X and a query 2 x 1 x supports Internet Explorer 9 10 00:01:03,900 --> 00:01:04,650 or less. 11 00:01:04,650 --> 00:01:10,500 If you want to use that but if your project doesn't include that you could confirm the latest one which 12 00:01:10,500 --> 00:01:12,560 is version 2 x. 13 00:01:12,630 --> 00:01:15,490 There are two versions of a query each. 14 00:01:15,810 --> 00:01:26,820 The compressed be compressed the compressed is usually used for production development environment because 15 00:01:26,850 --> 00:01:29,840 it makes it faster over the network. 16 00:01:30,050 --> 00:01:37,990 Why are the on compressed is used for development or did boggin work so if on a development work or 17 00:01:38,010 --> 00:01:45,810 debugging or testing then for a comment that you used the on compressed version of a query. 18 00:01:45,810 --> 00:01:47,810 So let me scroll down too. 19 00:01:47,820 --> 00:01:51,800 I've already gone down download that I'm just going to show you what to do. 20 00:01:51,930 --> 00:01:59,890 So if you are going to use version 2 X you don't need Internet Explorer 9 or less. 21 00:01:59,940 --> 00:02:01,930 This is the version you go for. 22 00:02:01,980 --> 00:02:10,020 You download the compressed sorry on compress cause a compress is for a live production environment. 23 00:02:10,140 --> 00:02:16,770 So if you are going to be using development work you'd be needing the whole pressed version just 2. 24 00:02:16,810 --> 00:02:18,750 What is the current version. 25 00:02:18,750 --> 00:02:22,740 Just double click or you're likely saved. 26 00:02:22,740 --> 00:02:23,510 Link. 27 00:02:23,760 --> 00:02:27,870 Just double click and it should download to your download folder. 28 00:02:28,590 --> 00:02:37,250 If you want to reference Gick query from a content delivery network. 29 00:02:37,290 --> 00:02:39,710 This is a good way of doing it. 30 00:02:39,720 --> 00:02:48,120 A lot of people access to query this way because it takes the hassle out of whole scene to query this 31 00:02:48,120 --> 00:02:55,530 content delivery networks the big networks they can hold jacquot for you and you don't need to worry 32 00:02:55,530 --> 00:03:03,300 about whole dating Joe query cause they automatically do it for you or you need to do is reference the 33 00:03:03,360 --> 00:03:06,370 location of the content delivery network. 34 00:03:06,480 --> 00:03:12,270 Just like as they've done here you put the reference in your script tag whereas God is source whole 35 00:03:12,270 --> 00:03:12,830 tribute. 36 00:03:12,960 --> 00:03:18,690 You specified the location of the seat and you want to use your key. 37 00:03:18,690 --> 00:03:22,510 You can specify multiple ones but Google is a very good one. 38 00:03:22,510 --> 00:03:25,500 I'll be using Google for this course. 39 00:03:25,620 --> 00:03:31,470 So if you want a click result of various content delivery network on the tequilla website. 40 00:03:31,500 --> 00:03:40,900 If you wanted to use Google you click on to Google see this and then you go to the chord snippet. 41 00:03:41,330 --> 00:03:47,730 So you go to libraries and the why you want so you just copy this script tag here and paste that into 42 00:03:47,730 --> 00:03:51,580 your text edit or indiscreet stuck in the head section. 43 00:03:52,020 --> 00:03:57,700 This will give you access to the query library. 44 00:03:57,810 --> 00:04:01,140 This is my downloaded git query file. 45 00:04:01,140 --> 00:04:02,090 This is your original. 46 00:04:02,100 --> 00:04:03,840 It's really a small farm. 47 00:04:03,850 --> 00:04:08,620 Here's two for one killer bytes of who write click here ciftci. 48 00:04:08,620 --> 00:04:16,080 This is really tying of files to a lot of 4 to 1 killer byte so you can open it and see what's inside. 49 00:04:16,080 --> 00:04:17,280 If you wish. 50 00:04:17,280 --> 00:04:25,640 Once you downloaded git query you can rename it like I've done here to make it easy for me to reference. 51 00:04:25,700 --> 00:04:32,840 So if you don't want to rename it when you reference it in your source attribute you must include this 52 00:04:33,010 --> 00:04:39,320 the fourth path that is dasch to put one at one point for you must include that. 53 00:04:39,500 --> 00:04:44,630 But if you remove that extension day you can just name it as a jig query. 54 00:04:44,660 --> 00:04:45,700 Dr. G. 55 00:04:45,720 --> 00:04:47,070 So far so. 56 00:04:47,100 --> 00:04:49,640 This is how you would use it in a low call. 57 00:04:49,660 --> 00:04:55,470 P.S. There are advantages and disadvantages of hosting you query yourself locally. 58 00:04:55,680 --> 00:04:59,880 You don't get the odd dates regularly so you miss out on the update. 59 00:05:00,440 --> 00:05:06,900 While a few using a content delivery network day to all exhausting for you the updates are automatic. 60 00:05:07,010 --> 00:05:11,360 So that's the difference between the C D n an host and locally. 61 00:05:11,630 --> 00:05:14,840 So let me show you how you would reference it. 62 00:05:14,840 --> 00:05:23,510 So this is a little piece of code I have written so this is the way you would include a query in your 63 00:05:23,510 --> 00:05:24,450 code. 64 00:05:24,500 --> 00:05:28,630 Usually it would be in the head section or in the script. 65 00:05:28,670 --> 00:05:32,660 Just the very first part of the script. 66 00:05:32,720 --> 00:05:40,550 So this is my local reference to Jake Query because I have renamed it so that's why I've just called 67 00:05:40,550 --> 00:05:42,490 it as a check query. 68 00:05:42,510 --> 00:05:49,300 G is for help and then this is my reference to dcd in network. 69 00:05:49,640 --> 00:05:52,310 This is a Google link to D.J query library. 70 00:05:52,490 --> 00:05:56,050 So for the duration of the Caused by using the link from Google. 71 00:05:56,060 --> 00:05:59,270 Just in case there are any updates during the course. 72 00:05:59,310 --> 00:06:00,990 Know I don't miss them. 73 00:06:01,010 --> 00:06:01,460 Phew. 74 00:06:01,470 --> 00:06:02,230 If you going to do. 75 00:06:02,240 --> 00:06:06,490 Look at me make sure you reference it and name it correctly. 76 00:06:06,500 --> 00:06:09,090 If not you it will not work. 77 00:06:09,090 --> 00:06:10,250 You get your name from. 78 00:06:10,280 --> 00:06:18,180 He will not work so make sure you reference make sure the source links to the name correctly. 79 00:06:18,490 --> 00:06:18,820 Right. 80 00:06:18,890 --> 00:06:23,990 Might be safe to just use the CDMA network like I've done here. 81 00:06:24,600 --> 00:06:26,290 Saw this though. 82 00:06:26,330 --> 00:06:29,790 Now will talk about the syntax so we have reference. 83 00:06:29,790 --> 00:06:33,720 Jake Query lets talk of how you would write a quick query. 84 00:06:34,010 --> 00:06:40,530 So is this how you specify a query code between discrete tag here. 85 00:06:40,880 --> 00:06:46,800 So you got to the first script tag is a reference. 86 00:06:47,030 --> 00:06:53,660 I got two references here and then the main code is between the other script. 87 00:06:53,750 --> 00:06:57,190 So you always specify the source first. 88 00:06:57,350 --> 00:07:04,340 Where you getting your query iffier specify the location object query and then you specify your code 89 00:07:05,240 --> 00:07:07,550 so the first line of code is this. 90 00:07:07,550 --> 00:07:11,730 Here is a document dump ready from. 91 00:07:11,730 --> 00:07:13,280 This is very important. 92 00:07:13,280 --> 00:07:17,670 You find this line of code in Maw's Jake Query code. 93 00:07:17,680 --> 00:07:25,520 What this does is an event handler function it listens out for the web page to make sure the web page 94 00:07:25,610 --> 00:07:34,970 has loaded correctly before this code will execute fast the main post of the document read from Chuck. 95 00:07:35,180 --> 00:07:40,970 So every jiegu query code is identified with the dollar sign. 96 00:07:41,010 --> 00:07:48,890 Any way you see a dollar sign you know you are referencing a G query library a dollar sign and then 97 00:07:48,890 --> 00:07:55,790 you've got this select top which is this document dot ready function which listens out for the web page 98 00:07:55,790 --> 00:08:02,010 to load before the code underneath executes and is called. 99 00:08:02,010 --> 00:08:11,760 Here is this query uses the ankle as a selector which is this ankle tag here. 100 00:08:11,780 --> 00:08:16,540 This link is that has that select OK so what with them. 101 00:08:16,570 --> 00:08:25,040 When I click on this link the event that I want to happen is to make a alert box pop up so when the 102 00:08:25,040 --> 00:08:32,570 link is clicked this allow alert box will pop up and then it would direct me to the location of the 103 00:08:32,570 --> 00:08:33,180 link. 104 00:08:33,320 --> 00:08:35,440 So let's check this out. 105 00:08:36,530 --> 00:08:38,330 So we're going to test it. 106 00:08:38,410 --> 00:08:39,260 Queries work. 107 00:08:39,290 --> 00:08:45,980 So if I click on this link here which is this year it should give me this alert and then redirect me 108 00:08:45,980 --> 00:08:47,110 to the actual link. 109 00:08:47,180 --> 00:08:51,930 So if I click on that TASSI alert from that's legal k.. 110 00:08:52,220 --> 00:09:00,620 If you now redirect me to this location that is due query is working and installed properly and its 111 00:09:00,620 --> 00:09:01,550 reference. 112 00:09:01,580 --> 00:09:04,930 So one advantage also us of having to query. 113 00:09:05,480 --> 00:09:07,260 Look for an also from. 114 00:09:07,270 --> 00:09:08,230 See the end. 115 00:09:08,270 --> 00:09:08,960 For example. 116 00:09:08,960 --> 00:09:12,460 The first line doesn't work if you can't find a query locally. 117 00:09:12,770 --> 00:09:17,160 It will pick a query up from the CDL network below. 118 00:09:17,270 --> 00:09:18,910 So I've specified it twice. 119 00:09:18,920 --> 00:09:22,500 If he doesn't get it then he'll pick it up from here. 120 00:09:22,910 --> 00:09:23,860 In this video. 121 00:09:23,900 --> 00:09:25,010 Hi should you. 122 00:09:25,010 --> 00:09:27,820 How to download Jake Query from a query. 123 00:09:27,830 --> 00:09:38,020 There are laws or how to reference it on on your code and also using the content delivery network object 124 00:09:38,130 --> 00:09:38,640 query. 125 00:09:38,650 --> 00:09:43,410 Code must be preceded with a dollar sign in the way you see a dollar sign. 126 00:09:43,470 --> 00:09:46,770 You know you are referencing a G query. 127 00:09:47,090 --> 00:09:49,030 Thank you so much for watching.