window.jQuery=x=>{
//声明一个空对象
let jQuery = {};
//放进DOM中查找,返回一个NodeList
let selectors = document.querySelectorAll(x);
//循环赋值给已经声明好的闭包对象jQuery,并传入length
for (let i = 0; i < selectors.length; i++) {jQuery[i] = selectors[i]}
jQuery.length = selectors.length
//设置addClass方法,检测传入参数是否为数组,遍历数组循环添加class
jQuery.addClass = class_or_ClassList => {
if (class_or_ClassList instanceof Array) {
class_or_ClassList.forEach(value => {
for (let i = 0; i < jQuery.length; i++) {
jQuery[i].classList.add(value)
}})
return 'className添加成功'
} else {
for (let i = 0; i < jQuery.length; i++) {
jQuery[i].classList.add(class_or_ClassList) }
return 'className添加成功'
}}
//设置setTxet方法
jQuery.setText = text => {
for (let i = 0; i < jQuery.length; i++) { jQuery[i].textContent = text }
return 'text已设置'
}
//返回该对象
return jQuery;
}
如何实现简易版jQuery
最新推荐文章于 2023-03-28 21:55:36 发布