如何通过其 href 属性获取元素？

任务是通过其href 属性选择 元素。下面讨论的技术很少。在这里，我们将使用 JQuery 来解决问题。
方法一：

• 使用 JQuery 选择器$('a[href=link_to_site]') 。

示例 1：此示例使用上述方法。

  
  
     
         
           Get an element by its href attribute.
        
         
         
     
      
          
            GeeksforGeeks  
        
        
        
        GeeksforGeeks
        
        
        
         
            Click here
        
        
        
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
            el_up.innerHTML = 
            "Click on the button to select the element by HREF attribute.";
            function gfg_Run() {
                el_down.innerHTML = 
                       $('a[href="https://www.geeksforgeeks.org"]').text();
            }         
         
      

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

方法二：

• 使用 JQuery 选择器$('a[href*=part_of_link]') 。如果属性的任何部分与值匹配，它将选择元素。

示例 2：此示例使用上述方法。

  
  
     
         
           Get an element by its href attribute.
        
             
         
     
      
          
            GeeksForGeeks  
        
        
        
         GeeksforGeeks
        
        
        
         
            Click here
        
        
        
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
            el_up.innerHTML = 
            "Click on the button to select the element by HREF attribute.";
            function gfg_Run() {
                el_down.innerHTML = $('a[href*="geeks.org"]').text();
            }         
         
      

输出：

• 在点击按钮之前：
  
• 点击按钮后：