的意思是将使用Jquery库的代码改写为纯Javascript代码,不再依赖Jquery库。下面是一个示例的Jquery函数和对应的普通Javascript重写版本:
Jquery函数:
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
普通Javascript重写版本:
document.addEventListener("DOMContentLoaded", function(){
var buttons = document.getElementsByTagName("button");
for (var i = 0; i < buttons.length; i++) {
buttons[i].addEventListener("click", function(){
var paragraphs = document.getElementsByTagName("p");
for (var j = 0; j < paragraphs.length; j++) {
paragraphs[j].style.display = "none";
}
});
}
});
在普通Javascript版本中,我们使用了document.addEventListener
来监听页面加载完成的事件,替代了Jquery中的$(document).ready()
。然后,我们使用document.getElementsByTagName
来获取所有的按钮元素,并使用addEventListener
为每个按钮添加点击事件监听器。在点击事件处理函数中,我们使用document.getElementsByTagName
获取所有的段落元素,并通过修改style.display
属性将它们隐藏起来。
这样,我们就将原本使用Jquery的代码重写为了普通Javascript代码,实现了相同的功能。
领取专属 10元无门槛券
手把手带您无忧上云