Setting href attribute at runtime

Question

What is the best way to set the href attribute of the  lt a gt  tag at run time using jQuery   Also  how do you get the value of the href attribute of the  lt a gt  tag using jQuery

User · Answer

In jQuery 1 6  it s better to use      selector  prop  href   http   www      to set the value  and    selector  prop  href   to get the value  In short   prop gets and sets values on the DOM object  and  attr gets and sets values in the HTML  This makes  prop a little faster and possibly more reliable in some contexts

User · Answer

Small performance test comparision for three solutions        link   prop  href   https   example com       link   attr  href   https   example com   document querySelector   link   href  https   example com       Here you can perform test by yourself https   jsperf com a-href-js-change    We can read href values in following ways   let href     selector  prop  href    let href     selector  attr  href    let href   document querySelector   link   href      Here you can perform test by yourself https   jsperf com a-href-js-read

User · Answer

Set the href attribute with    selector  attr  href    url goes here      and read it using    selector  attr  href      Where  selector  is any valid jQuery selector for your  lt a gt  element    myClass  or   myId  to name the most simple ones    Hope this helps

User · Answer

To get or set an attribute of an HTML element  you can use the element attr   function in jQuery   To get the href attribute  use the following code   var a href      selector   attr  href      To set the href attribute  use the following code      selector   attr  href   http   example com      In both cases  please use the appropriate selector  If you have set the class for the anchor element  use   class-name  and if you have set the id for the anchor element  use   element-id

User · Answer

lt style gt  a hover       cursor pointer     lt  style gt    lt script type  text javascript  src  lib jquery js  gt  lt  script gt   lt script type  text javascript  gt    document  ready function             link   click function            var href     this  attr  href   split                   results   text href 1               lt  script gt      lt a class  link  href   one  gt one lt  a gt  lt br   gt   lt a class  link  href   two  gt two lt  a gt  lt br   gt   lt a class  link  href   three  gt three lt  a gt  lt br   gt   lt a class  link  href   four  gt four lt  a gt  lt br   gt   lt a class  link  href   five  gt five lt  a gt     lt br   gt  lt br   gt   lt div class  results  gt  lt  div gt

[javascript] Setting href attribute at runtime

Examples related to javascript

Examples related to jquery

Examples related to html