使用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');
});

相关文章

1.第一步 设置响应头 header(&#39;Access-Control-Allow...
$.inArray()方法介绍 $.inArray()函数用于在数组中搜索指定的...
jquery.serializejson.min.js的妙用 关于这个jquery.seriali...
JS 将form表单数据快速转化为object对象(json对象) jaymou...
jQuery插件之jquery.spinner数字智能增减插件 参考地址:http...