第1章 了解jQuery.doc

第1章 了解jQuery.doc

ID:28760338

大小:1.27 MB

頁(yè)數(shù):12頁(yè)

時(shí)間:2018-12-14

第1章 了解jQuery.doc_第1頁(yè)
第1章 了解jQuery.doc_第2頁(yè)
第1章 了解jQuery.doc_第3頁(yè)
第1章 了解jQuery.doc_第4頁(yè)
第1章 了解jQuery.doc_第5頁(yè)
資源描述:

《第1章 了解jQuery.doc》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫(kù)。

1、第1章了解jQuery本章是全書(shū)的開(kāi)篇,主要講解jQuery的基本入門(mén)知識(shí)及jQuery的相關(guān)特點(diǎn)。隨著互聯(lián)網(wǎng)的迅速發(fā)展,在前臺(tái)頁(yè)面的用戶體驗(yàn)需求越來(lái)越高。雖然JavaScript這種動(dòng)態(tài)語(yǔ)言極大的靈活性導(dǎo)致了項(xiàng)目中每個(gè)人的代碼風(fēng)格截然不同,但是其在功能和瀏覽器的兼容性上并不能實(shí)現(xiàn)高標(biāo)準(zhǔn)、嚴(yán)要求。正是在這種情形下出現(xiàn)了jQuery,它能夠幫助我們實(shí)現(xiàn)各種酷炫的頁(yè)面效果而不用擔(dān)心瀏覽器的兼容性。1.1認(rèn)識(shí)jQuery本節(jié)主要介紹jQuery的起源和jQuery到底是什么。1.1.1jQuery的起源jQuery的起源要從JavaScript說(shuō)起。Ja

2、vaScript是網(wǎng)景公司在它自己的LiveScript基礎(chǔ)上產(chǎn)生的。JavaScript的出現(xiàn)是前臺(tái)腳本語(yǔ)言發(fā)展的一個(gè)里程碑。它是一種基于對(duì)象的事件驅(qū)動(dòng)的解釋性語(yǔ)言。它的實(shí)時(shí)性、跨平臺(tái)、開(kāi)發(fā)使用簡(jiǎn)單并且相對(duì)安全的特點(diǎn)決定了它在Web前臺(tái)設(shè)計(jì)中的重要地位。但是,隨著瀏覽器種類的推陳出新,JavaScript的兼容性受到了挑戰(zhàn)。對(duì)前臺(tái)設(shè)計(jì)效果的要求越來(lái)越高,于是,JavaScript語(yǔ)言本身的設(shè)計(jì)能力變得捉襟見(jiàn)肘。2006年,美國(guó)人JohnResig創(chuàng)建了JavaScript的另一個(gè)框架,它就是jQuery。與JavaScript相比,jQuery更

3、簡(jiǎn)潔,瀏覽器的兼容性更強(qiáng),語(yǔ)法更靈活,對(duì)Xpath的支持更強(qiáng)大,一個(gè)$符就可以遍歷文檔中的各級(jí)元素。下面用一個(gè)示例來(lái)具體比較一下。具體需求是這樣的:在頁(yè)面上有一個(gè)無(wú)序列表,我們需要將所有列表項(xiàng)中的文本內(nèi)容提取出來(lái)并顯示。效果如圖1.1所示。首先,我們來(lái)看一下JavaScript的實(shí)現(xiàn)。1234無(wú)標(biāo)題文檔567

    8
  • ListItem

    4、1

  • 9
  • ListItem2
  • 10
  • ListItem3
  • 11
  • ListItem4
  • 12
  • ListItem5
  • 13
1415varlistitems=document.getElementsByTagName("li");//獲取所有列表項(xiàng)組成的數(shù)組16varstr="";//定義保存文本內(nèi)容的變量17for(i=0;i

5、rstChild.nodeValue;//提取列表項(xiàng)的文本內(nèi)容19alert(str);//顯示所有文本內(nèi)容202122圖1.1JavaScript與jQuery的代碼比較通過(guò)上面的代碼可以了解JavaScript實(shí)現(xiàn)這個(gè)功能的基本步驟:獲取所有元素對(duì)象,通過(guò)遍歷這些元素對(duì)象得到文本內(nèi)容,然后顯示。下面看一下jQuery的實(shí)現(xiàn)。1234無(wú)</p><p>6、標(biāo)題文檔567$(function(){alert($("li").text());});//獲取所有列表項(xiàng)的文本并輸出891011

    12
  • ListItem1
  • 13
  • ListItem2
  • 14
  • ListItem3
  • 15
  • ListItem4
  • 16<

    7、li>ListItem517

1819兩段代碼相比較,可以發(fā)現(xiàn)使用jQuery處理簡(jiǎn)潔很多,代碼量明顯減少。jQuery實(shí)現(xiàn)中的第7行代碼就是jQuery實(shí)現(xiàn)功能部分。1.1.2什么是jQueryjQuery是什么?在jQuery官方網(wǎng)站上是這樣解釋的:jQuery是一個(gè)快速簡(jiǎn)潔的JavaScript庫(kù),它可以簡(jiǎn)化HTML文檔的元素遍歷、事件處理、動(dòng)畫(huà)及Ajax交互,快速開(kāi)發(fā)Web應(yīng)用。它的設(shè)計(jì)是為了改變JavaScript程序的編寫(xiě)風(fēng)格。jQuery特點(diǎn)如下。(1)輕量型,jQuery是一個(gè)輕量型框架

8、,程序短小,配置簡(jiǎn)單。(2)DOM選擇,可以輕松獲取任意DOM元素或DOM元素封裝后的jQuery對(duì)象。(3)CSS處理,

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫(huà)的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無(wú)此問(wèn)題,請(qǐng)放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無(wú)法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。