Javascript 如何将DOM引用转换为jQuery选择器？

我有以下代码：

        // Mark all menu items inactive
        $(".sidebar-nav li").removeClass(); 

        // Mark current memu item active
        event.currentTarget.className = "active";

在此之前，我曾经有过这样的代码：

       $(".sidebar-nav li").css("background", "#383B4C");
       event.currentTarget.style.background = "#292B3C";

看到模式了吗？两个示例中的第一行都是jQuery选择器，因此使用了jQuery方法；第二行是DOM引用，因此没有jquery。所以语法是不同的，即使动作是一样的

---

对我来说，这有点像密码的味道。我想要么用jQuery方法，要么用非jQuery方法，这样它们看起来都一样。是否有一种简洁明了的方法来完成其中一种或两种任务？

您可以将DOM元素传递给jQuery：

$(event.currentTarget)

---

可以将DOM元素传递给jQuery：

$(event.currentTarget)

---

可以将DOM元素传递给jQuery：

$(event.currentTarget)

---

可以将DOM元素传递给jQuery：

$(event.currentTarget)

---

jQuery方式

用

$（…）

javascript方式

让你的生活更轻松

   var lis = document.querySelectorAll(".sidebar-nav li");
   for (var i = 0; i < lis.length; i++) {
       lis[i].className = '';
   }
   event.currentTarget.className = "active";

   for (var i = 0; i < lis.length; i++) {
       lis[i].style.background = '#383B4C';
   }
   event.currentTarget.style.background = "#292B3C";

var lis=document.queryselectoral（“.sidebar nav li”）；
对于（变量i=0；i

jQuery-way

用

$（…）

javascript方式

让你的生活更轻松

   var lis = document.querySelectorAll(".sidebar-nav li");
   for (var i = 0; i < lis.length; i++) {
       lis[i].className = '';
   }
   event.currentTarget.className = "active";

   for (var i = 0; i < lis.length; i++) {
       lis[i].style.background = '#383B4C';
   }
   event.currentTarget.style.background = "#292B3C";

var lis=document.queryselectoral（“.sidebar nav li”）；
对于（变量i=0；i

jQuery-way

用

$（…）

javascript方式

让你的生活更轻松

   var lis = document.querySelectorAll(".sidebar-nav li");
   for (var i = 0; i < lis.length; i++) {
       lis[i].className = '';
   }
   event.currentTarget.className = "active";

   for (var i = 0; i < lis.length; i++) {
       lis[i].style.background = '#383B4C';
   }
   event.currentTarget.style.background = "#292B3C";

var lis=document.queryselectoral（“.sidebar nav li”）；
对于（变量i=0；i

jQuery-way

用

$（…）

javascript方式

让你的生活更轻松

   var lis = document.querySelectorAll(".sidebar-nav li");
   for (var i = 0; i < lis.length; i++) {
       lis[i].className = '';
   }
   event.currentTarget.className = "active";

   for (var i = 0; i < lis.length; i++) {
       lis[i].style.background = '#383B4C';
   }
   event.currentTarget.style.background = "#292B3C";

var lis=document.queryselectoral（“.sidebar nav li”）；
对于（变量i=0；i

使用jquery选择器包装当前目标，将其转换为jquery对象

$(event.currentTarget).addClass('active')
$(event.currentTarget).css('background', '#292B3C')

---

使用jquery选择器包装当前目标以将其转换为jquery对象

$(event.currentTarget).addClass('active')
$(event.currentTarget).css('background', '#292B3C')

---

使用jquery选择器包装当前目标以将其转换为jquery对象

$(event.currentTarget).addClass('active')
$(event.currentTarget).css('background', '#292B3C')

---

使用jquery选择器包装当前目标以将其转换为jquery对象

$(event.currentTarget).addClass('active')
$(event.currentTarget).css('background', '#292B3C')

---

我觉得自己很愚蠢。我不知道你能做到。非常感谢。你忘了

queryselectoral（）

@titааааtit.，不要，我自己花了一段时间才了解：）我觉得自己很愚蠢。我不知道你能做到。非常感谢。你忘了

queryselectoral（）

@titааааtit.，不要，我自己花了一段时间才了解：）我觉得自己很愚蠢。我不知道你能做到。非常感谢。你忘了

queryselectoral（）

@titааааtit.，不要，我自己花了一段时间才了解：）我觉得自己很愚蠢。我不知道你能做到。非常感谢。你忘了

queryselectoral（）

@titааааtit.，别忘了，我自己花了一段时间才知道：）