jquery库文件略浩大用纯js替换jquery的方法__1

1、jquery库文件略浩大用纯js替换jquery的方法_ jquery库文件略浩大，在某些状况下，需要尽量削减加载的文件（文件大小），需要用纯js来编写效果 view source print?01 $(#layer) 02 document.getElementById(layer) 03 04 $(#layer span) 05 var layer = document.getElementById(layer); 06 var span = layer.getElementsByTagName(span); 07 08 $(#inner).parent() 09 document.get

2、ElementById(inner).parentNode 10 11 $(window).width(); 12 document.body.clientWidth 13 14 $(#layer).width(); 15 document.getElementById(layer).style.width 16 17 $(#wrap).append(spana/span); 18 var span=document.createElement(span); 19 span.innerHTML=a; 20 document.getElementById(wrap).appendChild(sp

3、an); 21 22 $(#wrap span).remove(); 23 deleteSpan(); 24 function deleteSpan() 25 var content=document.getElementById(wrap); 26 var childs=content.getElementsByTagName(span); 27 if(childs.length 0) 28 content.removeChild(childschilds.length-1); 29 deleteSpan(); 30 31 32 33 $(#wrap).css(left:100px); 34

4、 var wrap = document.getElementById(wrap); 35 wrap.style.left = 100px; 36 37 $(#banner).hide(); 38 document.getElementById(banner).style.display = none; 39 40 $(#banner).show(); 41 document.getElementById(banner).style.display = block; 42 43 $(#people).addClass(people_run2); 44 document.getElementBy

5、Id(people).classList.add(people_run2); 45 46 $(#people).removeClass(people_run1); 47 document.getElementById(people).classList.remove(people_run1); 48 49 $(#number).text(1); 50 document.getElementById(number).innerHTML = 1; view source print?01 $.ajax( 02 type: POST, 03 url: run.php, 04 data: s=+las

6、t_step, 05 dataType:JSON, 06 timeout: 2021, 07 success: function(data) 08 /处理回调 09 10 ); 11 12 /1.创建XMLHTTPRequest对象 13 var xmlhttp; 14 if (window.XMLHttpRequest) 15 /IE7+, Firefox, Chrome, Opera, Safari 16 xmlhttp = new XMLHttpRequest; 17 18 /针对某些特定版本的mozillar扫瞄器的bug进行修正 19 if (xmlhttp.overrideMime

7、Type) 20 xmlhttp.overrideMimeType(text/xml); 21 ; 22 else if (window.ActiveXObject) 23 /IE6, IE5 24 xmlhttp = new ActiveXObject(Microsoft.XMLHTTP); 25 ; 26 27 if(xmlhttp.upload) 28 /2.回调函数 29 /onreadystatechange是每次 readyState 属性转变的时候调用的大事句柄函数 30 xmlhttp.onreadystatechange = function(e) 31 if(xmlhttp

8、.readyState=4) 32 if(xmlhttp.status=200) 33 var json = eval( + xmlhttp.responseText + ); 34 /处理回调 35 36 37 ; 38 39 /3.设置连接信息 40 /初始化HTTP恳求参数，但是并不发送恳求。 41 /第一个参数连接方式，其次是url地址,第三个true是异步连接，默认是异步 42 /用法post方式发送数据 43 xmlhttp.open(POST,/run.php,true); 44 45 /4.发送数据，开头和服务器进行交互 46 /发送 HTTP 恳求，用法传递给 open() 方法的参数，以及传递给该方法的可选恳求中假如true, send这句话会立刻执行 47 /假如是false（同步），send会在服务器数据回来才执行 48 /get方法在send中不需要内容 49 var formdata = new FormData(); 50 formdata.append(s, last_step); 51 xmlhttp.send(formdata); 52 view