在线看片电视剧免费看,精品国产一区二区三区2021,99久久久无码国产精品免费,精品人妻少妇嫩草AV无码专区

    電話(huà)

    0411-39943997

仟億科技
客服中心
  • 電話(huà)
  • 電話(huà)咨詢(xún):0411-39943997
  • 手機
  • 手機咨詢(xún):15840979770
    手機咨詢(xún):13889672791
網(wǎng)絡(luò )營(yíng)銷(xiāo) >更多
您現在的位置:首頁(yè) > 新聞中心 > 行業(yè)資訊

如何使用jQuery簡(jiǎn)化Ajax開(kāi)發(fā)

作者:billionnet 發(fā)布于:2011/12/23 10:25:07 點(diǎn)擊量:

大連 網(wǎng)站建設: 如何使用jQuery簡(jiǎn)化Ajax開(kāi)發(fā)

 

 

一些簡(jiǎn)單地代碼簡(jiǎn)化

下面是一個(gè)簡(jiǎn)單示例,它說(shuō)明了 jQuery 對代碼的影響。要執行一些真正簡(jiǎn)單和常見(jiàn)的任務(wù),比方說(shuō)為頁(yè)面的某一區域中的每個(gè)鏈接附加一個(gè)單擊(click)事件,您可以使用純 JavaScript 代碼和 DOM 腳本來(lái)實(shí)現,如實(shí)例 1 所示。

清單 1 :沒(méi)有使用 jQuery 地 DOM 腳本

var external_links = document.getElementById('external_links'); 
var links = external_links.getElementsByTagName('a'); 
for (var i=0;i < links.length;i++) { 
var link = links.item(i); 
link.onclick = function() { 
return confirm('You are going to visit: ' + this.href); 
}; 
}

 

清單 2 顯示了使用 jQuery 實(shí)現的相同的功能。

清單 2. 使用了 jQuery 的 DOM 腳本

$('#external_links a').click(function() { 
return confirm('You are going to visit: ' + this.href); 
});

 

是不是很神奇呢? 使用 jQuery,您可以把握問(wèn)題的要點(diǎn),只讓代碼實(shí)現您想要的功能,而省去了一些繁瑣的過(guò)程。無(wú)需對元素進(jìn)行循環(huán),click() 函數將完成這些操作。同樣也不需要進(jìn)行多個(gè) DOM 腳本調用。您只需要使用一個(gè)簡(jiǎn)短的字符串對所需的元素進(jìn)行定義即可。

理解這一代碼的工作原理可能會(huì )有一點(diǎn)復雜。

 首先,我們使用了 $() 函數 —— jQuery 中功能最強大的函數。通常,我們都是使用這個(gè)函數從文檔中選擇元素。在本例中,一個(gè)包含有一些層疊樣式表(Cascading Style Sheet,CSS)語(yǔ)法的字符串被傳遞給函數,然后 jQuery 盡可能高效地把這些元素找出來(lái)。

如果您具備 CSS 選擇器的基本知識,那么應該很熟悉這些語(yǔ)法。在 清單 2 中,#external_links 用于檢索 id 為 external_links 的元素。a 后的空格表示 jQuery 需要檢索 external_links 元素中的所有 元素。用英語(yǔ)說(shuō)起來(lái)非常繞口,甚至在 DOM 腳本中也是這樣,但是在 CSS 中這再簡(jiǎn)單不過(guò)了

$() 函數返回一個(gè)含有所有與 CSS 選擇器匹配的元素的 jQuery 對象。jQuery 對象 類(lèi)似于數組,但是它附帶有大量特殊的 jQuery 函數。比方說(shuō),您可以通過(guò)調用 click 函數把 click 處理函數指定給 jQuery 對象中的所有元素。

還可以向 $() 函數傳遞一個(gè)元素或者一個(gè)元素數組,該函數將把這些元素封裝在一個(gè) jQuery 對象中。您可能會(huì )想要使用這個(gè)功能將 jQuery 函數用于一些對象,比方說(shuō) window 對象。例如,我們通常會(huì )像下面這樣把函數分配給加載事件:

 

window.onload = function() { 
// do this stuff when the page is done loading 
};

 

使用 jQuery 編寫(xiě)的功能相同的代碼:

 

$(window).load(function() { 
// run this when the whole page has been downloaded 
});

 

您可能有所體會(huì ),等待窗口加載的過(guò)程是非常緩慢而且令人痛苦的,這是因為必須等整個(gè)頁(yè)面加載完所有的內容,包括頁(yè)面上所有的的圖片。有的時(shí)候,您希望首先完成圖片加載,但是在大多數情況下,您只需加載超文本標志語(yǔ)言(Hypertext Markup Language,HTML)就可以了。通過(guò)在文檔中創(chuàng )建特殊的 ready 事件,jQuery 解決了這個(gè)問(wèn)題,方法如下:

 

$(document).ready(function() { 
// do this stuff when the HTML is all ready 
});

 

這個(gè)代碼圍繞 document 元素創(chuàng )建了一個(gè) jQuery 對象,然后建立一個(gè)函數,用于在 HTML DOM 文檔就緒的時(shí)候調用實(shí)例??梢愿鶕枰我獾卣{用這個(gè)函數。并且能夠以真正的 jQuery 格式,使用快捷方式調用這個(gè)函數。這很簡(jiǎn)單,只需向 $() 函數傳遞一個(gè)函數就可以了:

 

$(function() { 
// run this when the HTML is done downloading 
});

 

到目前以止,我已經(jīng)向大家介紹了 $() 函數的三種用法。第四種方法可以使用字符串來(lái)創(chuàng )建元素。結果會(huì )產(chǎn)生一個(gè)包含該元素的 jQuery 對象。清單 3 顯示的示例在頁(yè)面中添加了一個(gè)段落。

實(shí)例 3. 創(chuàng )建和附加一個(gè)簡(jiǎn)單的段落

 



分享到:


Copyright@ 2011-2016 版權所有:大連千億科技有限公司 遼ICP備11013762-3號   google網(wǎng)站地圖   百度網(wǎng)站地圖   網(wǎng)站地圖

公司地址:大連市沙河口區中山路692號辰熙星海國際2317 客服電話(huà):0411-39943997 QQ:2088827823 37482752

法律聲明:未經(jīng)許可,任何模仿本站模板、轉載本站內容等行為者,本站保留追究其法律責任的權利! 隱私權政策聲明

狠狠97人人婷婷五月| 国产乱子伦在线观看| 国产午夜无码精品免费看动漫| 久久夜色精品国产噜噜麻豆| WWW内射国产在线观看| 亚洲国产精品无码AV|