- jQuery 的本质是一个函数,它返回一个伪数组
- 调用DOM api document.querySelectorAll(),返回伪数组
- elements是一个hash对象(伪数组),给它添加属性addClass 和setText ,这两个属性都是函数
window.jQuery = function(selector){
elements = document.querySelectorAll(selector)//调用DOM,返回伪数组
elements.addClass = function(classes){
for(let i=0;i<elements.length;i++){
elements[i].classList.add(classes)
}
}//elements是一个hash对象(伪数组),给它添加属性addClass 和setText ,这两个属性都是函数
elements.setText = function(text){
for(let i=0;i<elements.length;i++){
elements[i].textContent = text
}
}
return elements
}
window.$ = jQuery
var $div = $('div')
$div.addClass('red') // 可将所有 div 的 class 添加一个 red
$div.setText('hi') // 可将所有 div 的 textContent 变为 hi
网友评论