jQuery is the world's most popular JavaScript library (by far) in terms of sites using it in production today. Learn the basics of jQuery in 100 seconds. 

Docs https://api.jquery.com/

#js #webdev #100SecondsOfCode

Install the quiz app 🤓

iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment. 

My VS Code Theme

- Atom One Dark 
- vscode-icons
- Fira Code Font
2024-02-04T06:06:26.124Z
nova-2
2-general-nova
2024-01-09.29447
30089e05-99d1-4376-b32e-c263170674af
3e6d1dd9-7ed6-48ec-b490-13bbe13c186d
9638d393296e7822bb594fd41681a9bdcc322a0e4c5bca2bf798becec998f39b
67875a7f-c9c4-48a0-aa55-5bdb8a91c34a
deprecated
Jquery, by far the world's most popular JavaScript library, being found on over 80% of the world's top 1,000,000 websites.
That's more than 4 times the adoption of Angular, React, and Vue combined.
It was invented back in 2006 by John Resig, before most of today's junior developers were even born.
He originally wanted to call it jselect, but all the domains were taken.
The popularity of jQuery is driven by a fundamental need in the web development Market.
JavaScript is a total, and we want to write less of it.
Furthermore, back in 06, browsers had a bunch of interop issues.
Query provided a single API to handle the edge cases across multiple browsers.
It's so good, in fact, that browser vendors of today have standardized many of features, and ship them as native APIs.
You can install it by finding the source code on the website, right click to copy it, then open Dreamweaver and find all of the HTML pages, and paste it into a script tag on each one.
Your JavaScript now has access to the mighty dollar sign function.
It takes a selector as its argument, like a tag name, class, or ID.
It'll grab that HTML from the DOM, allowing you to perform actions on it.
In the HTML, we have a list of items, and we want to grab the first item.
In vanilla JS, we'd have to use this ridiculously long line code to do so.
In React, we have to completely rewrite our code into a component and implement the confusing ref hook.
With jQuery, we can use the dollar sign to grab all the list items and then call first to get the first It's easy and readable.
If we wanna animate it, we can do that by simply chaining a method to it.
And we can chain more methods to it to register event listeners and all kinds of other fun stuff.
Declarative framework developers love to fight each other about state management.
Don't make me swing on you, bro.
While jQuery developers don't have this problem because there's no data layer to worry about.
Instead, you just Start with an object, shade methods to it, and let the state manage itself.
When it comes time to extend Jquery, there's no need for insanely complex webpack bundling or NPM packages.
You can just extend its prototype with a plugin, and there's already a huge ecosystem of plugins to get things done quickly.
As an added bonus, once you've mastered jQuery, You can jump into jQuery Mobile and start building native apps for Windows Phone and Blackberry.
Developers of today sometimes make fun of jQuery, but that's just the stuff you have to deal with when you're the king of JavaScript libraries.
This has been the legend of jQuery in 100 seconds.
If you wanna see more short videos like this, hit the like button and subscribe.
Thanks for watching, and I will see you in the next one.

Speaker 0: Jquery, by far the world's most popular JavaScript library, being found on over 80% of the world's top 1,000,000 websites. That's more than 4 times the adoption of Angular, React, and Vue combined. It was invented back in 2006 by John Resig, before most of today's junior developers were even born. He originally wanted to call it jselect, but all the domains were taken. The popularity of jQuery is driven by a fundamental need in the web development Market.

JavaScript is a total, and we want to write less of it. Furthermore, back in 06, browsers had a bunch of interop issues. Query provided a single API to handle the edge cases across multiple browsers. It's so good, in fact, that browser vendors of today have standardized many of features, and ship them as native APIs. You can install it by finding the source code on the website, right click to copy it, then open Dreamweaver and find all of the HTML pages, and paste it into a script tag on each one.

Your JavaScript now has access to the mighty dollar sign function. It takes a selector as its argument, like a tag name, class, or ID. It'll grab that HTML from the DOM, allowing you to perform actions on it. In the HTML, we have a list of items, and we want to grab the first item. In vanilla JS, we'd have to use this ridiculously long line code to do so.

In React, we have to completely rewrite our code into a component and implement the confusing ref hook. With jQuery, we can use the dollar sign to grab all the list items and then call first to get the first It's easy and readable. If we wanna animate it, we can do that by simply chaining a method to it. And we can chain more methods to it to register event listeners and all kinds of other fun stuff. Declarative framework developers love to fight each other about state management.

Don't make me swing on you, bro. While jQuery developers don't have this problem because there's no data layer to worry about. Instead, you just Start with an object, shade methods to it, and let the state manage itself. When it comes time to extend Jquery, there's no need for insanely complex webpack bundling or NPM packages. You can just extend its prototype with a plugin, and there's already a huge ecosystem of plugins to get things done quickly.

As an added bonus, once you've mastered jQuery, You can jump into jQuery Mobile and start building native apps for Windows Phone and Blackberry. Developers of today sometimes make fun of jQuery, but that's just the stuff you have to deal with when you're the king of JavaScript libraries. This has been the legend of jQuery in 100 seconds. If you wanna see more short videos like this, hit the like button and subscribe. Thanks for watching, and I will see you in the next one.
Jquery, by far the world's most popular JavaScript library, being found on over 80% of the world's top 1,000,000 websites. That's more than 4 times the adoption of Angular, React, and Vue combined. It was invented back in 2006 by John Resig, before most of today's junior developers were even born. He originally wanted to call it jselect, but all the domains were taken. The popularity of jQuery is driven by a fundamental need in the web development Market. JavaScript is a total, and we want to write less of it. Furthermore, back in 06, browsers had a bunch of interop issues. Query provided a single API to handle the edge cases across multiple browsers. It's so good, in fact, that browser vendors of today have standardized many of features, and ship them as native APIs. You can install it by finding the source code on the website, right click to copy it, then open Dreamweaver and find all of the HTML pages, and paste it into a script tag on each one. Your JavaScript now has access to the mighty dollar sign function. It takes a selector as its argument, like a tag name, class, or ID. It'll grab that HTML from the DOM, allowing you to perform actions on it. In the HTML, we have a list of items, and we want to grab the first item. In vanilla JS, we'd have to use this ridiculously long line code to do so. In React, we have to completely rewrite our code into a component and implement the confusing ref hook. With jQuery, we can use the dollar sign to grab all the list items and then call first to get the first It's easy and readable.
If we wanna animate it, we can do that by simply chaining a method to it. And we can chain more methods to it to register event listeners and all kinds of other fun stuff. Declarative framework developers love to fight each other about state management. Don't make me swing on you, bro.
animation
While jQuery developers don't have this problem because there's no data layer to worry about. Instead, you just Start with an object, shade methods to it, and let the state manage itself. When it comes time to extend Jquery, there's no need for insanely complex webpack bundling or NPM packages. You can just extend its prototype with a plugin, and there's already a huge ecosystem of plugins to get things done quickly. As an added bonus, once you've mastered jQuery, You can jump into jQuery Mobile and start building native apps for Windows Phone and Blackberry.
Developers of today sometimes make fun of jQuery, but that's just the stuff you have to deal with when you're the king of JavaScript libraries. This has been the legend of jQuery in 100 seconds. If you wanna see more short videos like this, hit the like button and subscribe. Thanks for watching, and I will see you in the next one.
youtube
Jquery, by far the world's most popular JavaScript library, being found on over 80% of the world's top 1,000,000 websites. That's more than 4 times the adoption of Angular, React, and Vue combined. It was invented back in 2006 by John Resig, before most of today's junior developers were even born. He originally wanted to call it jselect, but all the domains were taken. The popularity of jQuery is driven by a fundamental need in the web development Market. JavaScript is a total, and we want to write less of it. Furthermore, back in 06, browsers had a bunch of interop issues. Query provided a single API to handle the edge cases across multiple browsers. It's so good, in fact, that browser vendors of today have standardized many of features, and ship them as native APIs. You can install it by finding the source code on the website, right click to copy it, then open Dreamweaver and find all of the HTML pages, and paste it into a script tag on each one. Your JavaScript now has access to the mighty dollar sign function. It takes a selector as its argument, like a tag name, class, or ID. It'll grab that HTML from the DOM, allowing you to perform actions on it. In the HTML, we have a list of items, and we want to grab the first item. In vanilla JS, we'd have to use this ridiculously long line code to do so. In React, we have to completely rewrite our code into a component and implement the confusing ref hook. With jQuery, we can use the dollar sign to grab all the list items and then call first to get the first It's easy and readable. If we wanna animate it, we can do that by simply chaining a method to it. And we can chain more methods to it to register event listeners and all kinds of other fun stuff. Declarative framework developers love to fight each other about state management. Don't make me swing on you, bro. While jQuery developers don't have this problem because there's no data layer to worry about. Instead, you just Start with an object, shade methods to it, and let the state manage itself. When it comes time to extend Jquery, there's no need for insanely complex webpack bundling or NPM packages. You can just extend its prototype with a plugin, and there's already a huge ecosystem of plugins to get things done quickly. As an added bonus, once you've mastered jQuery, You can jump into jQuery Mobile and start building native apps for Windows Phone and Blackberry. Developers of today sometimes make fun of jQuery, but that's just the stuff you have to deal with when you're the king of JavaScript libraries. This has been the legend of jQuery in 100 seconds. If you wanna see more short videos like this, hit the like button and subscribe. Thanks for watching, and I will see you in the next one.
Jquery,
jquery
by
by
far
far
the
the
world's
world's
most
most
popular
popular
JavaScript
javascript
library,
library
being
being
found
found
on
on
over
over
80%
80%
of
of
the
the
world's
world's
top
top
1,000,000
1,000,000
websites.
websites
That's
that's
more
more
than
than
4
4
times
times
the
the
adoption
adoption
of
of
Angular,
angular
React,
react
and
and
Vue
vue
combined.
combined
It
it
was
was
invented
invented
back
back
in
in
2006
2006
by
by
John
john
Resig,
resig
before
before
most
most
of
of
today's
today's
junior
junior
developers
developers
were
were
even
even
born.
born
He
he
originally
originally
wanted
wanted
to
to
call
call
it
it
jselect,
jselect
but
but
all
all
the
the
domains
domains
were
were
taken.
taken
The
the
popularity
popularity
of
of
jQuery
jquery
is
is
driven
driven
by
by
a
a
fundamental
fundamental
need
need
in
in
the
the
web
web
development
development
Market.
market
JavaScript
javascript
is
is
a
a
total,
total
and
and
we
we
want
want
to
to
write
write
less
less
of
of
it.
it
Furthermore,
furthermore
back
back
in
in
06,
06
browsers
browsers
had
had
a
a
bunch
bunch
of
of
interop
interop
issues.
issues
Query
query
provided
provided
a
a
single
single
API
api
to
to
handle
handle
the
the
edge
edge
cases
cases
across
across
multiple
multiple
browsers.
browsers
It's
it's
so
so
good,
good
in
in
fact,
fact
that
that
browser
browser
vendors
vendors
of
of
today
today
have
have
standardized
standardized
many
many
of
of
features,
features
and
and
ship
ship
them
them
as
as
native
native
APIs.
apis
You
you
can
can
install
install
it
it
by
by
finding
finding
the
the
source
source
code
code
on
on
the
the
website,
website
right
right
click
click
to
to
copy
copy
it,
it
then
then
open
open
Dreamweaver
dreamweaver
and
and
find
find
all
all
of
of
the
the
HTML
html
pages,
pages
and
and
paste
paste
it
it
into
into
a
a
script
script
tag
tag
on
on
each
each
one.
one
Your
your
JavaScript
javascript
now
now
has
has
access
access
to
to
the
the
mighty
mighty
dollar
dollar
sign
sign
function.
function
It
it
takes
takes
a
a
selector
selector
as
as
its
its
argument,
argument
like
like
a
a
tag
tag
name,
name
class,
class
or
or
ID.
id
It'll
it'll
grab
grab
that
that
HTML
html
from
from
the
the
DOM,
dom
allowing
allowing
you
you
to
to
perform
perform
actions
actions
on
on
it.
it
In
in
the
the
HTML,
html
we
we
have
have
a
a
list
list
of
of
items,
items
and
and
we
we
want
want
to
to
grab
grab
the
the
first
first
item.
item
In
in
vanilla
vanilla
JS,
js
we'd
we'd
have
have
to
to
use
use
this
this
ridiculously
ridiculously
long
long
line
line
code
code
to
to
do
do
so.
so
In
in
React,
react
we
we
have
have
to
to
completely
completely
rewrite
rewrite
our
our
code
code
into
into
a
a
component
component
and
and
implement
implement
the
the
confusing
confusing
ref
ref
hook.
hook
With
with
jQuery,
jquery
we
we
can
can
use
use
the
the
dollar
dollar
sign
sign
to
to
grab
grab
all
all
the
the
list
list
items
items
and
and
then
then
call
call
first
first
to
to
get
get
the
the
first
first
It's
it's
easy
easy
and
and
readable.
readable
If
if
we
we
wanna
wanna
animate
animate
it,
it
we
we
can
can
do
do
that
that
by
by
simply
simply
chaining
chaining
a
a
method
method
to
to
it.
it
And
and
we
we
can
can
chain
chain
more
more
methods
methods
to
to
it
it
to
to
register
register
event
event
listeners
listeners
and
and
all
all
kinds
kinds
of
of
other
other
fun
fun
stuff.
stuff
Declarative
declarative
framework
framework
developers
developers
love
love
to
to
fight
fight
each
each
other
other
about
about
state
state
management.
management
Don't
don't
make
make
me
me
swing
swing
on
on
you,
you
bro.
bro
While
while
jQuery
jquery
developers
developers
don't
don't
have
have
this
this
problem
problem
because
because
there's
there's
no
no
data
data
layer
layer
to
to
worry
worry
about.
about
Instead,
instead
you
you
just
just
Start
start
with
with
an
an
object,
object
shade
shade
methods
methods
to
to
it,
it
and
and
let
let
the
the
state
state
manage
manage
itself.
itself
When
when
it
it
comes
comes
time
time
to
to
extend
extend
Jquery,
jquery
there's
there's
no
no
need
need
for
for
insanely
insanely
complex
complex
webpack
webpack
bundling
bundling
or
or
NPM
npm
packages.
packages
You
you
can
can
just
just
extend
extend
its
its
prototype
prototype
with
with
a
a
plugin,
plugin
and
and
there's
there's
already
already
a
a
huge
huge
ecosystem
ecosystem
of
of
plugins
plugins
to
to
get
get
things
things
done
done
quickly.
quickly
As
as
an
an
added
added
bonus,
bonus
once
once
you've
you've
mastered
mastered
jQuery,
jquery
You
you
can
can
jump
jump
into
into
jQuery
jquery
Mobile
mobile
and
and
start
start
building
building
native
native
apps
apps
for
for
Windows
windows
Phone
phone
and
and
Blackberry.
blackberry
Developers
developers
of
of
today
today
sometimes
sometimes
make
make
fun
fun
of
of
jQuery,
jquery
but
but
that's
that's
just
just
the
the
stuff
stuff
you
you
have
have
to
to
deal
deal
with
with
when
when
you're
you're
the
the
king
king
of
of
JavaScript
javascript
libraries.
libraries
This
this
has
has
been
been
the
the
legend
legend
of
of
jQuery
jquery
in
in
100
100
seconds.
seconds
If
if
you
you
wanna
wanna
see
see
more
more
short
short
videos
videos
like
like
this,
this
hit
hit
the
the
like
like
button
button
and
and
subscribe.
subscribe
Thanks
thanks
for
for
watching,
watching
and
and
I
i
will
will
see
see
you
you
in
in
the
the
next
next
one.
one
success
The speaker discusses the popularity of J declared, a JavaScript library that provides a single API for web development. The library is widely regarded as a total and is popular among developers, with many developers opting to use it. The speaker also mentions the use of the dollar sign function and the ecosystem of plugins for building native apps for various devices.
The Legend of jQuery in 100 Seconds
Jquery, by far the world's most popular JavaScript library, being found on over 80% of the world's top 1,000,000 websites. That's more than 4 times the adoption of Angular, React, and Vue combined. It was invented back in 2006 by John Resig, before most of today's junior developers were even born. He originally wanted to call it jselect, but all the domains were taken. The popularity of jQuery is driven by a fundamental need in the web development Market. JavaScript is a total, and we want to write less of it. Furthermore, back in 06, browsers had a bunch of interop issues. Query provided a single API to handle the edge cases across multiple browsers. It's so good, in fact, that browser vendors of today have standardized many of features, and ship them as native APIs. You can install it by finding the source code on the website, right click to copy it, then open Dreamweaver and find all of the HTML pages, and paste it into a script tag on each one. Your JavaScript now has access to the mighty dollar sign function. It takes a selector as its argument, like a tag name, class, or ID. It'll grab that HTML from the DOM, allowing you to perform actions on it. In the HTML, we have a list of items, and we want to grab the first item. In vanilla JS, we'd have to use this ridiculously long line code to do so. In React, we have to completely rewrite our code into a component and implement the confusing ref hook. With jQuery, we can use the dollar sign to grab all the list items and then call first to get the first It's easy and readable. If we wanna animate it, we can do that by simply chaining a method to it. And we can chain more methods to it to register event listeners and all kinds of other fun stuff. Declarative framework developers love to fight each other about state management. Don't make me swing on you, bro. While jQuery developers don't have this problem because there's no data layer to worry about. Instead, you just Start with an object, shade methods to it, and let the state manage itself. When it comes time to extend Jquery, there's no need for insanely complex webpack bundling or NPM packages. You can just extend its prototype with a plugin, and there's already a huge ecosystem of plugins to get things done quickly. As an added bonus, once you've mastered jQuery, You can jump into jQuery Mobile and start building native apps for Windows Phone and Blackberry. Developers of today sometimes make fun of jQuery, but that's just the stuff you have to deal with when you're the king of JavaScript libraries. This has been the legend of jQuery in 100 seconds. If you wanna see more short videos like this, hit the like button and subscribe. Thanks for watching, and I will see you in the next one.
The speaker discusses the popularity of J declared, a JavaScript library that provides a single API for web development. The library is widely regarded as a total and is popular among developers, with many developers opting to use it. The speaker also mentions the use of the dollar sign function and the ecosystem of plugins for building native apps for various devices.

        [INST]
        You are youtuber called Fireship you make engaging high-intensity and entertaining coding tutorials and tech news. 
        you covers a wide range of topics relevant to programmers, aiming to help them learn and improve their skills quickly.
        
        Given the title of the video : The Legend of jQuery in 100 Seconds 
        and a small summary : The speaker discusses the popularity of J declared, a JavaScript library that provides a single API for web development. The library is widely regarded as a total and is popular among developers, with many developers opting to use it. The speaker also mentions the use of the dollar sign function and the ecosystem of plugins for building native apps for various devices.
        [/INST]
        
        Generate the video : Jquery, by far the world's most popular JavaScript library, being found on over 80% of the world's top 1,000,000 websites. That's more than 4 times the adoption of Angular, React, and Vue combined. It was invented back in 2006 by John Resig, before most of today's junior developers were even born. He originally wanted to call it jselect, but all the domains were taken. The popularity of jQuery is driven by a fundamental need in the web development Market. JavaScript is a total, and we want to write less of it. Furthermore, back in 06, browsers had a bunch of interop issues. Query provided a single API to handle the edge cases across multiple browsers. It's so good, in fact, that browser vendors of today have standardized many of features, and ship them as native APIs. You can install it by finding the source code on the website, right click to copy it, then open Dreamweaver and find all of the HTML pages, and paste it into a script tag on each one. Your JavaScript now has access to the mighty dollar sign function. It takes a selector as its argument, like a tag name, class, or ID. It'll grab that HTML from the DOM, allowing you to perform actions on it. In the HTML, we have a list of items, and we want to grab the first item. In vanilla JS, we'd have to use this ridiculously long line code to do so. In React, we have to completely rewrite our code into a component and implement the confusing ref hook. With jQuery, we can use the dollar sign to grab all the list items and then call first to get the first It's easy and readable. If we wanna animate it, we can do that by simply chaining a method to it. And we can chain more methods to it to register event listeners and all kinds of other fun stuff. Declarative framework developers love to fight each other about state management. Don't make me swing on you, bro. While jQuery developers don't have this problem because there's no data layer to worry about. Instead, you just Start with an object, shade methods to it, and let the state manage itself. When it comes time to extend Jquery, there's no need for insanely complex webpack bundling or NPM packages. You can just extend its prototype with a plugin, and there's already a huge ecosystem of plugins to get things done quickly. As an added bonus, once you've mastered jQuery, You can jump into jQuery Mobile and start building native apps for Windows Phone and Blackberry. Developers of today sometimes make fun of jQuery, but that's just the stuff you have to deal with when you're the king of JavaScript libraries. This has been the legend of jQuery in 100 seconds. If you wanna see more short videos like this, hit the like button and subscribe. Thanks for watching, and I will see you in the next one.
        