jQuery库文件比用纯js替换jQuery的方法稍大一些。

jQuery库文件非常大。在某些情况下,您需要最小化加载文件(文件大小),您需要使用纯js来写这个效果。


$(#层)
document.getelementbyid(层)

$(#跨层)
VAR层= document.getelementbyid(层);
VaR跨度= layer.getelementsbytagname('span);

$(#内')母()。
document.getelementbyid(内)。ParentNode

(窗口)Width();
document.body.clientwidth

$(#层)的Width();
document.getelementbyid(层Style.width)。

$(#换行)。追加(A);
VaR跨度= document.createelement(跨);
跨.innerHTML = A;
document.getelementbyid(包)。AppendChild(跨度);

$(#包跨)删除();
DeleteSpan();
功能deletespan(){
无功量= document.getelementbyid(包装);
VaR的孩子= content.getelementsbytagname(跨);
如果(childs.length > 0){
content.removechild(孩子{孩子。length-1 });
DeleteSpan();
}
}

$(#换行)。Css({右:'100px});
VaR套= document.getelementbyid('wrap);
wrap.style.left = '100px;

$(#班纳)隐藏();
document.getelementbyid('banner)。Style.display =不关;

$(#班纳)显示();
document.getelementbyid('banner)。Style.display =阻止;

$(#人)。AddClass('people_run2);
document.getelementbyid(人),ClassList.add('people_run2);

$(#人)。RemoveClass('people_run1);
document.getelementbyid(人),ClassList.remove('people_run1);

$(#号)文(1);
document.getelementbyid(数).innerHTML = 1;



$ ajax({
类型:邮政
php'url运行,
数据:= + last_step,
DataType:JSON
超时时间:2000,
成功:函数(数据){
处理回调
}
});

1。创建XMLHttpRequest对象
VaR技术;
如果(窗口。XMLHttpRequest){
/ / IE7,Firefox,Chrome,Opera,Safari
XMLHTTP =新的XMLHttpRequest;

/ /特定版本的mozillar bug修正
如果(XMLHTTP。overridemimetype){
Xmlhttp.overrideMimeType(中/ XML的);
};
} else if(窗口。ActiveX对象){
/ / IE6,IE5
XMLHTTP =新的ActiveX对象(微软。XMLHTTP );
};

如果(XMLHTTP。上传){
2。回调函数
/ / onreadystatechange是事件处理程序当readyState属性改变每次叫
xmlhttp.onreadystatechange =功能(e){
如果(XMLHTTP。发生= 4){
如果(XMLHTTP。状态= = 200){
var json = eval('(' + xmlHttp.responseText +);
处理回调
}
}
};

3。设置连接信息
初始化HTTP请求参数,但不发送请求。
第一个参数连接,第二个URL地址是第三真的是异步连接,默认是异步的。
使用POST发送数据
Xmlhttp.open(后

4。发送数据并开始与服务器交互
发送HTTP请求,使用转移到打开()方法参数,以及可选传输请求的方法,如果真的发送,这句话将立即执行。
如果为false(同步),则发送将返回服务器数据。
发送方法不需要发送内容。
var =新的表单(表单);
formdata.append(
Xmlhttp.send(表单);
}



$('btn)。Bind({
touchstart:函数(){
}
});
document.getelementbyid(按钮)。Ontouchstart =函数(){
};