如何使用 jQuery 在鼠标悬停事件上将任何段落的颜色更改为红色？

在本文中，我们将学习如何在鼠标悬停事件中将任何段落的颜色更改为红色。

方法：这可以通过使用 jQuery 的on()方法在 mouseover 事件上附加一个事件处理函数来实现。当用户将光标悬停在任何段落上时会触发此事件。 on() 方法的处理程序被定义为一个匿名函数，它使用 jQuery 中的css()方法更改段落的 CSS 样式。它使用this绑定应用红色，从而将单击的段落的颜色更改为红色。

句法：

$("p").on("mouseover", function() {
    $(this).css("color", "red");
});

示例：在此示例中，每当用户将鼠标悬停在段落元素上时，它就会变为红色。

HTML

  
  
  
    p {
      color:blue;
      font-size: 24px
    }
  

  

  
    GeeksForGeeks
  
  
    This paragraph's color will change
    to red when hovered over.
  
  
  
  
    // Add the mouseover event handler to
    // the paragraph element
    $("p").on("mouseover", function () {
  
      // Set the text color of 
      // this element to red
      $(this).css("color", "red");
    });
  

输出：