如何将jquery代码转换为JavaScript？

以下是jquery代码：

$('div').on('click', function() {
 $(this).toggleClass('show-description');
});

我想将其转换为JavaScript，因为我收到以下错误消息：

“$未定义”

当我将jquery代码放入codepen.io的JavaScript部分时

jquery代码产生错误是否有原因？我怎样才能解决这个问题？ 如果无法修复，如何将Jquery代码转换为JavaScript

我试图在单击div时对所有div使用toggleClass

---

这里有一个指向代码笔的链接供参考：

您的代码无法工作，因为您将脚本路径链接为相对路径

改变这个

进入这个

另一种方法是使用codepen中的设置菜单链接jquery文件

设置>Javascript>然后在CDN搜索栏中搜索jquery

选项1:Use应该将jquery库推到

上方，这是您的演示

可以用香草javascript表示为：

var divs = document.querySelectorAll('div'); //Get a list of all div elements
for (const div of divs){ //Loops through every div element
    div.onclick = function(e) {  //Adds the on click function to each
        e.currentTarget.classList.toggle('show-description'); //Defines the function as toggling a class on the element of the click function
    }
}

Jquery代码实际上是javascript。Jquery是为javascript构建的库。要解决错误“$未定义”，您必须将jquery添加到您的网页，或将其导入脚本中

---

这就教会了将jquery添加到网页中的多种方法。

只需将jquery添加到您的代码笔示例中即可。单击JavaScipt面板左上角的小齿轮。搜索并添加“jQuery”。嘿，jQuery代码是javascript。jquery是为javascript构建的库。你根本没有安装jquery，也不能使用代码。嘿，Sophie，你可能因为没有努力研究什么是jquery以及它是如何工作的而收到了很多反对票。下次一定要在您的问题中包含更多相关的代码，比如您尝试将jquery脚本添加到网页中。这是否回答了您的问题？如果你需要帮助，请告诉我@Sophiesu

document.querySelector('div').onclick = function(){
  this.classList.toggle("show-description");
};

$('div').on('click', function() {
 $(this).toggleClass('show-description');
});

var divs = document.querySelectorAll('div'); //Get a list of all div elements
for (const div of divs){ //Loops through every div element
    div.onclick = function(e) {  //Adds the on click function to each
        e.currentTarget.classList.toggle('show-description'); //Defines the function as toggling a class on the element of the click function
    }
}