首页
学习
活动
专区
圈层
工具
发布

将此Jquery函数重写为普通Javascript

的意思是将使用Jquery库的代码改写为纯Javascript代码,不再依赖Jquery库。下面是一个示例的Jquery函数和对应的普通Javascript重写版本:

Jquery函数:

代码语言:txt
复制
$(document).ready(function(){
    $("button").click(function(){
        $("p").hide();
    });
});

普通Javascript重写版本:

代码语言:txt
复制
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代码,实现了相同的功能。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的文章

领券