实现一个 jQuery 的 API:
//在浏览器对象模型内加入自己的jQuery函数
window.jQuery = function (nodeOrSelector) {
//声明一个临时变量
let temp = {};
//判传入的值的类型
if (typeof nodeOrSelector === "string") {
//利用domAPI获得所有节点
temp = document.querySelectorAll(nodeOrSelector);
}
//返回一个obj
return {
//addclass对应的函数
addClass: function (classname) {
//遍历temp并添加传入的classname
for (let i = 0; i < temp.length; i++) {
temp[i].classList.add(classname);
}
},
//setText对应的函数
setText: function (text) {
//遍历temp并添加传入的text
for (let i = 0; i < temp.length; i++) {
temp[i].textContent = text;
}
}
};
}
window.$ = jQuery
var $div = $('div')
console.log($div)
$div.addClass('red') // 可将所有 div 的 class 添加一个 red
$div.setText('hi') // 可将所有 div 的 textContent 变为 hi