最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jquery庫文件略龐大用純js替換jquery的方法

 更新時間:2014年08月12日 17:03:41   投稿:whsnow  
jquery庫文件略龐大,因此在某些情況下就需要用純js替換jquery,需要的朋友可以參考下

jquery庫文件略龐大,在某些情況下,需要盡量減少加載的文件(文件大?。?,需要用純js來編寫效果

$('#layer')
document.getElementById('layer')

$('#layer span')
var layer = document.getElementById('layer');
var span = layer.getElementsByTagName('span');

$('#inner').parent()
document.getElementById("inner").parentNode

$(window).width();
document.body.clientWidth

$('#layer').width();
document.getElementById('layer').style.width

$('#wrap').append('<span>a</span>');
var span=document.createElement("span");
span.innerHTML='a';
document.getElementById("wrap").appendChild(span);

$('#wrap span').remove();
deleteSpan();
function deleteSpan(){
var content=document.getElementById("wrap");
var childs=content.getElementsByTagName("span");
if(childs.length > 0){
content.removeChild(childs[childs.length-1]);
deleteSpan();
}
}

$('#wrap').css({'left':'100px'});
var wrap = document.getElementById('wrap');
wrap.style.left = '100px';

$('#banner').hide();
document.getElementById('banner').style.display = 'none';

$('#banner').show();
document.getElementById('banner').style.display = 'block';

$('#people').addClass('people_run2');
document.getElementById("people").classList.add('people_run2');

$('#people').removeClass('people_run1');
document.getElementById("people").classList.remove('people_run1');

$('#number').text(1);
document.getElementById('number').innerHTML = 1;
$.ajax({ 
type: "POST", 
url: 'run.php', 
data: 's='+last_step, 
dataType:"JSON", 
timeout: 2000, 
success: function(data){ 
//處理回調(diào) 
} 
}); 

//1.創(chuàng)建XMLHTTPRequest對象 
var xmlhttp; 
if (window.XMLHttpRequest) { 
//IE7+, Firefox, Chrome, Opera, Safari 
xmlhttp = new XMLHttpRequest; 

//針對某些特定版本的mozillar瀏覽器的bug進行修正 
if (xmlhttp.overrideMimeType) { 
xmlhttp.overrideMimeType('text/xml'); 
}; 
} else if (window.ActiveXObject){ 
//IE6, IE5 
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
}; 

if(xmlhttp.upload){ 
//2.回調(diào)函數(shù) 
//onreadystatechange是每次 readyState 屬性改變的時候調(diào)用的事件句柄函數(shù) 
xmlhttp.onreadystatechange = function(e){ 
if(xmlhttp.readyState==4){ 
if(xmlhttp.status==200){ 
var json = eval('(' + xmlhttp.responseText + ')'); 
//處理回調(diào) 
} 
} 
}; 

//3.設置連接信息 
//初始化HTTP請求參數(shù),但是并不發(fā)送請求。 
//第一個參數(shù)連接方式,第二是url地址,第三個true是異步連接,默認是異步 
//使用post方式發(fā)送數(shù)據(jù) 
xmlhttp.open("POST","/run.php",true); 

//4.發(fā)送數(shù)據(jù),開始和服務器進行交互 
//發(fā)送 HTTP 請求,使用傳遞給 open() 方法的參數(shù),以及傳遞給該方法的可選請求中如果true, send這句話會立即執(zhí)行 
//如果是false(同步),send會在服務器數(shù)據(jù)回來才執(zhí)行 
//get方法在send中不需要內(nèi)容 
var formdata = new FormData(); 
formdata.append("s", last_step); 
xmlhttp.send(formdata); 
}
$('btn').bind({
'touchstart':function(){
}
});
document.getElementById("btn").ontouchstart = function(){
};

相關(guān)文章

  • 詳解可以用在VS Code中的正則表達式小技巧

    詳解可以用在VS Code中的正則表達式小技巧

    這篇文章主要介紹了詳解可以用在VS Code中的正則表達式小技巧,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-05-05
  • javascript事件委托的方式綁定詳解

    javascript事件委托的方式綁定詳解

    我們在學習JavaScript中,難免都會去網(wǎng)上查一些資料,也許偶爾就會遇到“事件委托”,但是,大多數(shù)時說的是“事件綁定”,對于“事件委托”,或是不提,或是淺嘗輒止,對于我這個比較好奇的人來說,實在很頭疼,尤其是想更多的了解“事件委托”的時候
    2015-06-06
  • JavaScript中停止執(zhí)行setInterval和setTimeout事件的方法

    JavaScript中停止執(zhí)行setInterval和setTimeout事件的方法

    這篇文章主要介紹了JavaScript中停止執(zhí)行setInterval和setTimeout事件的方法,本文給出操作實例代碼和語法介紹,需要的朋友可以參考下
    2015-05-05
  • TypeScript中的混合(Mixin)示例詳解

    TypeScript中的混合(Mixin)示例詳解

    由于TypeScrip中的類不支持多繼承,所以引入了混合(Mixin)的特性,可以間接實現(xiàn)多繼承的效果,這篇文章主要介紹了一文弄懂TypeScript中的混合(Mixin),需要的朋友可以參考下
    2023-09-09
  • JavaScript實現(xiàn)解析INI文件內(nèi)容的方法

    JavaScript實現(xiàn)解析INI文件內(nèi)容的方法

    這篇文章主要介紹了JavaScript實現(xiàn)解析INI文件內(nèi)容的方法,結(jié)合實例形式分析了javascript通過自定義函數(shù)實現(xiàn)針對ini文件解析操作的相關(guān)處理技巧,需要的朋友可以參考下
    2016-11-11
  • 微信小程序?qū)崿F(xiàn)modal彈出框遮罩層組件(可帶文本框)

    微信小程序?qū)崿F(xiàn)modal彈出框遮罩層組件(可帶文本框)

    這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)modal彈出框遮罩層組件(可帶文本框)的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-12-12
  • js中hash和ico的關(guān)聯(lián)分析

    js中hash和ico的關(guān)聯(lián)分析

    這篇文章主要介紹了js中hash和ico的關(guān)聯(lián)分析,以實例形式分析了location.hash與ico的加載順序關(guān)系,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-02-02
  • js實現(xiàn)的Easy Tabs選項卡用法實例

    js實現(xiàn)的Easy Tabs選項卡用法實例

    這篇文章主要介紹了js實現(xiàn)的Easy Tabs選項卡用法,以完整實例形式較為詳細的分析了JavaScript鼠標事件動態(tài)操作頁面元素樣式的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-09-09
  • 微信小程序canvas繪制圓角base64圖片的實現(xiàn)

    微信小程序canvas繪制圓角base64圖片的實現(xiàn)

    這篇文章主要介紹了微信小程序canvas繪制圓角base64圖片的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-08-08
  • 詳解Javascript?基于長連接的服務框架問題

    詳解Javascript?基于長連接的服務框架問題

    本文針對經(jīng)常使用長連接進行消息收發(fā)的應答場景,采用 Websocket 長連接作為服務監(jiān)聽的對象,模擬了一套類 http 服務框架,通過實例代碼介紹了Javascript?基于長連接的服務框架,需要的朋友可以參考下
    2022-07-07

最新評論

高唐县| 中方县| 堆龙德庆县| 旬阳县| 绥芬河市| 长武县| 清水河县| 樟树市| 宁津县| 连州市| 五寨县| 石楼县| 高邑县| 乌什县| 永善县| 儋州市| 沙洋县| 玉环县| 朝阳县| 边坝县| 富顺县| 克东县| 涞水县| 云南省| 临安市| 基隆市| 五莲县| 克东县| 门头沟区| 余庆县| 丰县| 防城港市| 晋中市| 东明县| 公主岭市| 德阳市| 宾川县| 扬中市| 昂仁县| 故城县| 吉林市|