let h1=document.querySelector('h1') */
/* jq对象转原生的方法 */
/* 第一种 $(h1)[0] */
/* 使用$(h1).get(0)方法，可以把单个的jq元素转成原生DOM元素.
自制jq
.div1{ width: 150px; height: 100px; border: 1px solid black; } .blue{ background-color: blue; }
/* $('div').css('background','red') */
$('div').hide()
$('div').show()
$('div').addClass('blue')
/* $('div').removeClass('blue') */
$('div').click(function(){
alert('成功')
})
JS文件
(function(){
function $(elem){
let ele=document.querySelector(elem)
ele.css=function(key,value){
this.style[key]=value
}
ele.show=function(){
this.style.display='block'
}
ele.hide=function(){
this.style.display='none'
}
ele.addClass=function(className){
this.className=this.className+' '+className
}
ele.removeClass=function(className){
this.className=this.className.replace(className,'');
}
ele.click=function(qq){
this.onclick=qq
}
return ele
}
/* 把局部的方法$ 挂载到window上变成全局的 */
window.
})()
