Tutorial for How to Install jQuery Plugins (7 Steps)
By Chris Hoffman
Locate and download a jQuery plugin from the plugins page the jQuery website.
Open the downloaded plugin’s archive file and extract the “.js” file inside it. Some plugins may contain multiple JS files.
Open your Web page’s HTML file in a text editor.
Locate the line that begins with “<script src="jquery.js” your Web page’s HTML file. Use your text editor’s search feature to locate this line.
Add the following text onto a new line immediately after the “jquery.js” line, replacing “jquery.plugin.js” with the file name of the plugin’s JS file.
Add additional “<script” lines for each plugin JS file you want to install on the Web page.
Save your Web page’s HTML file. Upload the HTML file and the plugin JS files to the same directory on your Web server.
- Use a jQuery plugin on additional Web pages by adding the plugin's script tag to each Web page's HTML file.
- Consult each plugin’s documentation for information on usage.
- Only install plugins you trust. Malicious plug-ins could steal personal data or have other negative effects on your website.
Chris Hoffman is a technology writer and all-around tech geek who writes for PC World, MakeUseOf, and How-To Geek. He's been using Windows since Windows 3.1 was released in 1992.