Javascript 将按钮onClick函数转换为jQuery

目前有HTML代码，但希望将其转换为JavaScript。您可以看到以下代码：

我想将以下内容转换为JQuery（而不是HTML）：

---

谢谢

你可以试试这样的。。

//这里有所有的按钮
var button=document.getElementsByTagName（'button'）；
//我们扣上钮扣
for（var i=0；i看起来您只是在寻找单击事件处理程序。下面是一个使用jQuery的版本。我注释了处理缺少的“pagestyle”元素和localstorage的代码，以防止StackOverflow代码段中出现js错误


var swapStyleSheet=函数（工作表）{
log（'sheet:'+sheet）；//按下按钮时查看控制台
//document.getElementById（'pagestyle'）.setAttribute（'href'，sheet）；
//店面背景（张）；
}
var storebackground=函数（swapstylesheet）{
//setItem（“sheetKey”，swapstylesheet）；//您需要给出一个键和值
}
var loadbackground=函数（）{
//document.getElementById（'pagestyle'）.setAttribute（'href'，localStorage.getItem（'sheetKey'）；
}
window.onload=loadbackground（）；
$（'#1'）。在（'单击'，函数（）上）{
交换样式表（'style1.css'）；
});
$（'#2'）。在（'单击'，函数（）上）{
交换样式表（'style2.css'）；
});
$（'#3'）。在（'单击'，函数（）上）{
交换样式表（'style3.css'）；
})；

按钮1
按钮2
Button3
您尝试了什么？检查
jquery的
和数据属性。我没有看到与jquery相关的代码。OP请澄清如果您想将处理程序分配给JS中的按钮，您可以检查
addEventListener（“eventName”，functionRef）
@web nomad抱歉，是jquery吗？我是一名设计师，我发现了一些类似于弗兰肯斯坦的代码，但我不知道它们之间的区别。如果是jquery，我如何将html部分转换为jquery？@guradio抱歉，是jquery吗？我是一名设计师，我发现了一些类似于弗兰肯斯坦的代码，但我不知道如果是jquery，如何将html部分转换为jquery？
<button id="1" onclick="swapStyleSheet('style1.css')">Button1</button>
<button id="2" onclick="swapStyleSheet('style2.css')">Button2</button>
<button id="3" onclick="swapStyleSheet('style3.css')">Button3</button>

var swapStyleSheet = function (sheet) {
  document.getElementById('pagestyle').setAttribute('href', sheet);
  storebackground(sheet);
}

var storebackground = function (swapstylesheet) {
  localStorage.setItem("sheetKey", swapstylesheet); //you need to give a key and value
}

var loadbackground = function () {
  document.getElementById('pagestyle').setAttribute('href', localStorage.getItem('sheetKey'));
}

window.onload = loadbackground();

<button id="1" class='changestyle' data-stylesheet = "style1.css">Button1</button>
<button id="2" class='changestyle' data-stylesheet = "style2.css">Button2</button>
<button id="3" class='changestyle' data-stylesheet = "style3.css">Button3</button> 

$(function(){
    $(".changestyle").on("click", function(){
        $("#pagestyle").attr("href", $(this).data('stylesheet'));
    })
})