How to add jQuery to an HTML page

Question

I was given this chunk of code to place in my html page but I know nothing about javascript so I have no idea where to place it and what kind of tag to place it in      input type radio    change function         input type radio    each function index        this  closest  tr   removeClass  selected           this  closest  tr   addClass  selected

User · Answer

You need this code wrap in tags  and put on the end of page  Or create JS file  for example test js   write this code on it and put on the end of page this tag

User · Answer

Include javascript using script tags just before your ending body tag  Preferably you will want to put it in a separate file and link to it to keep things a little more organized and easier to read  Theres a simple article here that will show you how http   www selftaughtweb com how-to-include-javascript

User · Answer

You need to wrap this in script tags    lt script type  text javascript  gt      your code      lt  script gt    That being said  it s important WHEN you execute this code  If you put this in the page BEFORE the HTML elements that it is hooking into then the script will run BEFORE the HTML is actually rendered in the page  so it will fail   It is common practice to wrap this type of code in a  document ready  block  like so    lt script type  text javascript  gt    document  ready function          your code         lt  script gt    This ensures that the entire page has rendered in the browser BEFORE your code is executed  It is also a best practice to put the code in the  lt head gt  section of your page

User · Answer

You can include JQuery using any of the following    Link Using jQuery with a CDN       lt script src  https   code jquery com jquery-1 11 3 min js  gt  lt  script gt     Download Jquery From Here and include in your project         http   jquery com download    https   code jquery com        Download latest version using this link         http   code jquery com jquery-latest min js  never use this link on production server         Your code placement can look something like this    Your Jquery should be included before using it any where else it will throw an error             lt script src  https   code jquery com jquery-1 11 3 min js  gt  lt  script gt   lt script gt    document  ready function           input type radio    change function             input type radio    each function index              this  closest  tr   removeClass  selected                       this  closest  tr   addClass  selected                 lt  script gt

User · Answer

Inside of your  lt head gt  lt  head gt  tags add      lt script src    ajax googleapis com ajax libs jquery 1 8 3 jquery min js  gt  lt  script gt   lt script gt    document  ready function           input type radio    change function             input type radio    each function index              this  closest  tr   removeClass  selected                       this  closest  tr   addClass  selected                 lt  script gt    EDIT  The placement inside of  lt head gt  lt  head gt  is not the only option   this could just as easily be placed RIGHT before the closing  lt  body gt  tag   I generally try and place my JavaScript inside of head for placement reasons  but it can in some cases slow down page rendering so some will recommend the latter approach  before closing body

User · Answer

Including the jQuery Library  That is jQuery code  You ll first need to make sure the jQuery library is loaded  If you don t host the library file yourself  you can hotlink one from the jQuery CDN    lt script src    code jquery com jquery-1 11 3 min js  gt  lt  script gt    You can do this within the  lt head gt  section  but it s fine as long as it s loaded before your jQuery code   Further reading    Why should I use Google  39 s CDN for jQuery  Microsoft CDN for jQuery or Google CDN      Placing Your Code in the Page  Place your code inside  lt script gt  tags  It can be inserted anywhere within either  lt head gt  or  lt body gt   If you place it before the  lt input gt  and  lt tr gt  tags  as referenced in your code   you have to use   document  ready   to make sure those elements are present before the code is run     document  ready function            put your jQuery code here        If you want your page content to be loaded as soon as possible  you might want to place it as close as the  lt  body gt  close tag as possible  But another common practice is to place all JavaScript code in the  lt head gt  section  This is your choice  based on your coding style and needs   Suggestion  Instead of embedding JS jQuery code directly into an HTML page  consider placing the code in a separate  js file  This will allow you to reuse the same code on other pages    lt script src   path to your code js  gt  lt  script gt    Further reading    Where to place Javascript in a HTML file

[jquery] How to add jQuery to an HTML page?

Examples related to jquery