怎样用jquery 实现css的:active效果？

因为是一个多级列表，我希望<li></li>在点击的时候高亮，但是因为是一个多级列表，所以一大块都高亮了，只能用$(this)选择点击的那个li，但是不能做到:active效果

能想到的一个麻烦的方法就是先高亮再变回原色....

---

var $ = require('jquery');

$("li").on("mousedown",function(){
  $(this).addClass("active");
}).on("mouseup",function(){
  $(this).removeClass("active");
});