添加：通过js / jquery悬停伪类

Question

<p class="text">Some text</p>

<style>
.text:hover{
    color:red;
}
</style>

如何通过js或jquery触发文本变为红色的悬停事件？我需要一个解决方案而不添加新的css类。

Answer 1

您需要使用语法hover()的JQuery hover( handlerIn, handlerOut )函数，因为您无法从JQuery操作:hover。

＆＃13;

＆＃13;

$('.text').hover(
  function(){
    $(this).css('color', 'red');
  },
  function(){
    $(this).css('color', 'black');
  });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="text">Some text</p>

＆＃13;

＆＃13;

＆＃13;

Answer 2

试试这个：

$(document).ready(function(){
    $('.text').hover(function(){
        $(this).css('color','red');
    },function(){
        $(this).css('color','initial');
    })
})

＆＃13;

＆＃13;

$(document).ready(function(){
	$('.text').hover(function(){
		$(this).css('color','red');
	},function(){
		$(this).css('color','initial');
	})
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<p class="text">Some text</p>

＆＃13;

＆＃13;

＆＃13;