第1章 了解jQuery.doc

第1章 了解jQuery.doc

ID:28760338

大?。?.27 MB

頁數(shù):12頁

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

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

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

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

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

3、簡潔,瀏覽器的兼容性更強(qiáng),語法更靈活,對Xpath的支持更強(qiáng)大,一個(gè)$符就可以遍歷文檔中的各級元素。下面用一個(gè)示例來具體比較一下。具體需求是這樣的:在頁面上有一個(gè)無序列表,我們需要將所有列表項(xiàng)中的文本內(nèi)容提取出來并顯示。效果如圖1.1所示。首先,我們來看一下JavaScript的實(shí)現(xiàn)。1234無標(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的代碼比較通過上面的代碼可以了解JavaScript實(shí)現(xiàn)這個(gè)功能的基本步驟:獲取所有元素對象,通過遍歷這些元素對象得到文本內(nèi)容,然后顯示。下面看一下jQuery的實(shí)現(xiàn)。1234無</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處理簡潔很多,代碼量明顯減少。jQuery實(shí)現(xiàn)中的第7行代碼就是jQuery實(shí)現(xiàn)功能部分。1.1.2什么是jQueryjQuery是什么?在jQuery官方網(wǎng)站上是這樣解釋的:jQuery是一個(gè)快速簡潔的JavaScript庫,它可以簡化HTML文檔的元素遍歷、事件處理、動畫及Ajax交互,快速開發(fā)Web應(yīng)用。它的設(shè)計(jì)是為了改變JavaScript程序的編寫風(fēng)格。jQuery特點(diǎn)如下。(1)輕量型,jQuery是一個(gè)輕量型框架

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

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

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

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