jQuery and AJAX Tutorials 3 | Understanding jQuery Functionality Video Lecture | AJAX and jQuery: Complete Series for Beginners - Front-End Programming

heyo top guys when I was Elias and
welcome to a third tutorial on jQuery
and then I'd be confused by all the
signs of code I just wanted to show you
guys a small example of using jQuery and
every time you see this dollar sign here
you know I'm referring to jQuery and you
already have to know what this line of
code does for instance and if you don't
know please go back to the predatorial
and watch it again anyway let's go back
to a work um I probably sad that I don't
remember anyway
jQuery is actually a big function which
is called jQuery as well and it's stored
within this jQuery core which we will
open it in the first tutorial and what
it does it takes parameters for example
this case is spatial and does some stuff
with it and you can like you can apply
actions to e to your to your element
which is wrapped in in jQuery so what I
am doing here is I'm grabbing this
element and I'm applying this section to
it and there's a shortcut for the word
jQuery and the most of developers use it
it's dollar sign so let's get rid of one
of this yeah right and before we
continue I want to make sure you guys
know what this code does um well it
takes this special element and hides it
so if I run this code I won't see the
button button one on my 8 on my screen
yes it's gone and now let me place the
script tag to the top of the page and
it's just going to happen
mmm it's not hiding right well why is
happening so why is this button not
disappearing well it's simply because
your browser works with your HTML code
sequentially so what it means it starts
on the top and goes to the bottom and by
that moment when your browser
this land of code it does know that we
have bunch of elements down here so in
order to make your code on you can
either place your script tab to the
bottom like this or you can use some
built-in function in jQuery which is
which is which is great so let me create
a new script tag and it works as follows
you can place your dollar style or type
jQuery and say function and then put
empty parenthesis and then open a curly
bracket and then you can hit enter that
means you are typing your code within
this curly bracket and do not freak do
not forget to put the semicolon down
here otherwise it will throw an error oh
great
and now you can type your code within
this curly brackets for example if I
pick our line of code we use before and
paste it here can get rid of this my
element spatial will be hidden um so
let's test it yeah Elin a button 1 it's
gone why well because this function will
execute only when the whole document is
loaded so you can say comment document
has been loaded yeah all right the next
thing I would like to show you guys is
how to change an element style runtime
using jQuery let's say we want to use
function CSS instead of using function
height and the function CSS usually
takes two parameters the first one is
the property and second one is value so
let's say the property is fun-sized and
let's set it to 35 pixels so it's going
to be very very large
and let's just gonna happen yeah you see
that the bottom got very large you can
also do lots of bunch of stuff like
saying color or whatever color red so
now it's red alright so that's it for
now I hope you learn this stuff if you
have any questions go ahead and ask so
thanks for watching and I'll see you
guys in the next tutorial have a nice
one