 Okay, here we go. We're going to continue with our jQuery tutorials. I already have jQuery downloaded. This is the second tutorial if you have not watched the first one. Go ahead and watch it. There should be a link in the description or an annotation to the playlist to where you can get to that, and I'll show you how to download the jQuery package. So what we're going to do today is kind of similar to last time, but we're going to start working with div tag ID tags or IDs for tags rather than working with the tags themselves. So real quick here, I've already got the basic HTML written out here. What we're going to do is I'm going to say inside, well let's first, sorry, let's first create something we can see. I'm going to say let's create a div tag. I'll give it an ID of my1. So that's its ID, and we'll close the tag here. Here we're going to put in some elements. It can be anything. We'll put in a paragraph tag, and we'll say this is some text. We'll close that paragraph tag, and we'll even put in a, oh you know what, before that we'll put a header. So we'll say h1 this is the header. Which one? Save that. Refresh over here. So you can see these are two separate tags, but they're grouped together with this div tag. So what I'm going to do now is I'm going to say, I'll give a paragraph tag just like we did in the first tutorial. We'll say click me. Close that. And up here what we'll do is we'll go into our script tag here. And I'm going to once again just like last time, I'm going to say document so, oh sorry that should be inside, parentheses, dollar sign, parentheses, document, then we're going to say ready. So we're saying once our document, our document is basically our entire web page here. Once the document is ready, then we're going to run a function. So we're going to put this like that Alright, we're going to run something in the function. We're going to run is function and then we're going to say create the function here. Oops, sorry about that. So this function within here and before I forget I want to put some braces here. Sorry, just trying to clean stuff up. So we're going to say find, just like we did last time, we'll say find all paragraph tags. So the dollar sign parentheses is saying we're looking for an element. What elements are we looking for? Well if we give it a string it's going to be by default a tag. So we're going to find all the paragraph tags and we're going to say dot click. So when they are clicked what are we going to do? Well when they're clicked we're going to run this function. Sorry, dollar sign this, well the dollar sign this is what we did in the last tutorial and that would make that element disappear. Or we can say oops, p and it's going to find all the paragraph tags. But instead of paragraph tag we want to get rid of a certain, in this case group elements within the div tag that has the id of my one. So what we're going to do is inside quotations we're going to say pound number symbol, whatever you call it in your country it's a little tic-tac-toe looking thing. I know it's called different things in different countries. I've got to say that or otherwise people will complain on what I call it. We're going to say find the div tag that has the id of my one and then we'll say dot hide parentheses because it's a function and a semicolon to end that command. So that's a real quick review here. We're going to say when our document, when our web page is ready, when it's done loading, we're going to run a function. This function is going to find all the paragraph tags which we have two of here. Click me and this is some text and we're going to say when it is clicked, so anything with a paragraph tag is clicked. We're going to run a function. That function is going to find the div tag that has the id of my one. The pound symbol is saying find the id and we're going to say we're going to hide that. So if I save that and refresh over here, if I click click me it hides both those lines up there because they're both inside that div tag. I can refresh that and if I click the head or nothing happens but if I click this is some text it hides as well because they both are within paragraph tags. We can change that. We can come down here and we can put another div tag and group this even though there's only going to be one item in this group. We're going to say id equals my two and we're going to close that div tag and up here instead of p for paragraph tag we're actually going to find the div tag that has the id of my two. So now if we refresh click the header nothing happens click some text nothing happens but when we click click me it hides it. So what we're saying here is once again when our document so anytime there's a dollar sign in parentheses we're looking at an element. In this case the element is going to be our document, our entire web page. And when it's ready, when it's done loading, when it's ready to go we're going to say run a function. This function once again dollar sign parentheses we're going to find an element. Actually I don't think it's any element. I think it's the first element that has the id tag of my two. So the pound symbol is indicating that this is the id of the tag, my two. Then we're going to say when it is clicked then we're going to say function and that function is going to find another element. In this case an element with the id because we have the pound symbol there of my one and we are going to hide it. So that is your second tutorial on jQuery. So far pretty simple I think. And we're going to learn more and we're going to start getting into a little more visual stuff. Next we're going to be working on fading stuff in. So if you want to fade an element in that's what our next tutorial is going to be on. So I hope you're enjoying these. We're definitely going to once I go over some basic jQuery stuff then I'll probably do some tutorials on jQuery mobile which will make your web page great for mobile devices. Make it feel like a mobile application. And then we'll probably make an application of some sort of web app. And then after that we can look into packaging that for maybe Android devices. So although I think if you're designing something on a web page just give people a link. But some people like to have a package they can install a package they can distribute. So if you're interested in that let me know. If you're liking these tutorials give this a like. Be sure to subscribe so you don't miss anything. But yeah we'll be working once we get the very basics done. We'll work on making some sort of basic application and packaging that for different operating systems. Not only mobile devices but if you want to instead of give the link out make some sort of executable file that opens up like a desktop application maybe. So definitely I'm looking forward to that. If you're interested in that definitely let me know. I know there's a lot of stuff I've been promising doing tutorials on and I'm working on them all. There's only so much I can get done at one time though. So I thank you for watching. And please visit filmsbychris.com that's Chris with a K. There should be a link in the description. And I hope that you have a great day.