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 =函数(){
};