資源描述：
《網(wǎng)頁設(shè)計(jì)之jquery(網(wǎng)頁設(shè)計(jì)論文)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。
1、網(wǎng)頁設(shè)計(jì)之Javascript中的Jquery技術(shù)摘要：隨著網(wǎng)頁技術(shù)的日益發(fā)展，各類新技術(shù)推陳出新，極大地豐富了網(wǎng)頁的表現(xiàn)形式，使網(wǎng)頁從單一的HTML技術(shù)發(fā)展到HTML+CSS+JAVASCRIPT多種技術(shù)結(jié)合的形式。其中新興的Jquery技術(shù)是一個(gè)優(yōu)秀的Javascrīpt框架。它是輕量級(jí)的js庫(壓縮后只有21k)，它兼容CSS3，還兼容各種瀏覽器。同時(shí)幫助程序員輕松建立有高度互動(dòng)的“web2.0”特性的富客戶端頁面。關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)，Javascript，jQuery,CSS目錄1.網(wǎng)頁技術(shù)簡介11.1HTML含義2201.2CSS含義21.3Javascrip含義22．Java
2、script之jQuery技術(shù).32.1Javascript中的jQuery32.2jQuery特點(diǎn)32.3jQuery核心方法63．jQuery的具體技術(shù)93.1jQuery的插件開發(fā)93.2使Ajax變得簡單技術(shù)103.3為HTML添加動(dòng)畫技術(shù)123.4DOM腳本和事件處理技術(shù)133.5釋放jQuery選擇器的強(qiáng)大能量134.基于jQuery幾類插件的應(yīng)用154.1jQueryui154.2jQueryjson164.3jQueryselect175.參考資料20201.網(wǎng)頁技術(shù)簡介1.1HTML含義HTML（HyperTextMark-upLanguage）即超文本標(biāo)記語言或超文
3、本鏈接標(biāo)示語言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。1.2CSS含義CSS（CascadingStyleSheet，可譯為“層疊樣式表”或“級(jí)聯(lián)樣式表”）是一組格式設(shè)置規(guī)則，用于控制Web頁面的外觀。通過使用CSS樣式設(shè)置頁面的格式，可將頁面的內(nèi)容與表現(xiàn)形式分離。頁面內(nèi)容存放在HTML文檔中，而用于定義表現(xiàn)形式的CSS規(guī)則存放在另一個(gè)文件
4、中或HTML文檔的某一部分，通常為文件頭部分。將內(nèi)容與表現(xiàn)形式分離，不僅可使維護(hù)站點(diǎn)的外觀更加容易，而且還可以使HTML文檔代碼更加簡練，縮短瀏覽器的加載時(shí)間。1.3Javascript含義JavaScript是一種基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)安全性的客戶端腳本語言。同時(shí)也是一種廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML網(wǎng)頁添加動(dòng)態(tài)功能，比如響應(yīng)用戶的各種操作。它最初由網(wǎng)景公司的BrendanEich設(shè)計(jì)，是一種動(dòng)態(tài)、弱類型、基于原型的語言，內(nèi)置支持類。JavaScript是Sun公司的注冊商標(biāo)。20Ecma國際以JavaScript為基礎(chǔ)制定了ECMAScript標(biāo)準(zhǔn)。Ja
5、vaScript也可以用于其他場合，如服務(wù)器端編程。完整的JavaScript實(shí)現(xiàn)包含三個(gè)部分：ECMAScript，文檔對(duì)象模型，字節(jié)順序記號(hào)。 2.Javascript之jQuery技術(shù)2.1Javascript中的jQuery技術(shù)jQuery由美國人JohnResig創(chuàng)建，至今已吸引了來自世界各地的眾多Javascript高手加入其team，包括來自德國的JörnZaefferer，羅馬利亞的StefanPetre等等。jQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascrīpt框架。其宗旨是——WRITELESS,DOMORE,寫更少的代碼,做更多的事情。2
6、.2jQuery技術(shù)的特點(diǎn)I．輕量級(jí)經(jīng)GZip壓縮后傳輸?shù)拇a文件僅14KB，未經(jīng)壓縮傳送的代碼文件僅26KB。jQuery1.26版時(shí)：檔案檔案行數(shù)檔案Size備注jquery-1.2.6.pack.js1131KB使用Notepad++4.92版開啟時(shí)，易導(dǎo)致Notepad++程式當(dāng)?shù)?。jquery-1.2.6.min.js3255KB20jquery-1.2.6.js355098KBII．鏈?zhǔn)秸Z法Varobj=$("#id1").parent().parent().parent().attr("name");//獲取id=id1的元素的三層父節(jié)點(diǎn)的name屬性Varobj=$("
7、#div1").find("tabletd").find("a").attr("href");//在id=div1的元素下查找table的所有td，然后在第一個(gè)td中找到第一個(gè)a，然后獲取href屬性III．CSS1-3選擇器可以輕松設(shè)置，刪除，讀取css屬性Varobj=$("p").css("color");//取得第一個(gè)段落的color樣式屬性的值。Varobj=$("p").addClass("css1");//取得第一個(gè)段落為并追加c
