如何使用 jQuery 查找页面中第一个强调元素的标题属性？

在 JavaScript 中，我们有很多不同的库用于不同的目的。 jQuery 也是 JavaScript 库的一部分，用于简化 JavaScript 代码，您可以制作动画以使您的网站更具创意和动态。

在学习 jQuery 库之前，您必须具备 HTML、CSS 和 JavaScript 的基本知识。

在本文中，我们将看到如何使用jQuery 找到页面上第一个强调的title 属性。标题是一个属性，而不是作为 head 元素一部分的元素。强调是用于赋予该文本更多重要性的元素。

使用的方法/函数–

• .click() ：这个方法在点击事件发生时触发点击事件运行。
• .attr() ：用于获取匹配元素集中第一个元素的属性值。
• .text() ：用于获取匹配元素集合中每个元素的组合文本内容，包括它们的后代。

示例1：在下面的示例中，我们将首先找到强调的元素并在单击按钮后打印标题值。

HTML

  
    
    
    
    
      button {
        display: block;
        margin: 20px 0 0 0;
      }
    
  
  
    
      GeeksForGeeks
      
       (GFG)
      .
    
  
    
  
    
      Click to see what is there in the title attribute
    
    
      $("#button1").click(function () {
        var title = $("em").attr("title");
        $("#id1").text(title);
      });
    
  

输出：出现在段落中的文本和强调的元素被显示，然后是按钮。单击按钮后，您可以看到title属性中存在的文本（值）。

示例 2：

HTML

  
    
    
    
    
      button {
        display: block;
        margin: 20px 0 0 0;
      }
    
  
  
    John Cena.
  
    
  
    
      Click to see what is there in the title attribute
    
    
      $("#button1").click(function () {
        var title = $("em").attr("title");
        $("#id1").text(title);
      });
    
  

输出：

点击前：