jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用jquery在鼠标悬停和单击事件上更改的颜色大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在鼠标上方将li的颜色更改为红色.并且在点击事件中也保持相同的颜色.我有以下清单,
<html>
  <body>
     <ul>
        <li>list1</li>
        <li>list2
            <ul>
               <li>sublist1</li>
               <li>sublist2</li>
               <li>sublist3</li>
               <li>sublist4</li>
            </ul>
         </li>
         <li>list3</li>
         <li>list4</li>
     </ul>
  </body>
</html>




list1
list2
  sublist1
  sublist2
  sublist3
  sublist4
list3
list4

如果我单击list1,它的颜色应该变为红色,同时如果我将鼠标悬停在另一个列表上,它将显示为红色.它的认颜色是黑色.

解决方法

使用css:
li:hover {
    color:red;
}

这不建议:

li:focus {
    color: red;
}

JQuery的

$('li').click(function(){
    $(this).css('color','red');
});

大佬总结

以上是大佬教程为你收集整理的使用jquery在鼠标悬停和单击事件上更改的颜色全部内容,希望文章能够帮你解决使用jquery在鼠标悬停和单击事件上更改的颜色所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。