There are two main methods to use jQuery in a website: using a CDN or using a local file.
Both methods have their own advantages and are used in real-world projects depending on requirements.
CDN stands for Content Delivery Network. When using CDN, jQuery is loaded from an external server.
When using a local file, jQuery is downloaded and stored inside your project folder.
Using CDN does not require downloading jQuery manually.
Most browsers may already have jQuery cached, which can improve website loading speed.
In the local file method, jQuery is stored inside your project folder.
This method is useful when working offline or when internet access is not guaranteed.
project-folder
│
├── index.html
└── js
└── jquery.min.js
This folder structure is commonly used in real projects to organize JavaScript files properly.
Keeping jQuery inside a separate js folder improves project readability.
CDN vs Local File Comparison:
- CDN loads jQuery from internet
- Local file loads jQuery from your server
- CDN is faster for public websites
- Local file is better for offline systems
- Both methods work the same in coding