html
<body>
<p>这是一段文字1</p>
<p>这是一段文字2</p>
<p>这是一段文字3</p>
<p>这是一段文字4</p>
</body>
js
<script>
class jQuery{
constructor(selector){
const result = document.querySelectorAll(selector);
const length = result.length;
for(let i = 0; i < length; i++){
this[i] = result[i];
}
this.length = length;
this.selector = selector;
}
get(index){
return this[index]
}
each(fn){
for(let i = 0; i < this.length; i++){
const elem = this[i];
fn(elem);
}
}
on(type, fn){
return this.each(elem => {
elem.addEventListener(type, fn, false);
})
}
}
const $p = new jQuery('p');
$p.get(0);
$p.each((elem) => console.log(elem.nodeName))
$p.on('click', () => {
alert('点击');
})
jQuery.prototype.dialog = function(info){
alert(info);
}
class myJQuery extends jQuery{
constructor(selector){
super(selector);
}
addClass(className){
}
}
</script>