




付費下載
下載本文檔
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
1.題目使用jQuery技術(shù)實現(xiàn)企業(yè)信息展示系統(tǒng)的相關(guān)功能。2.目的(1)掌握jQuery的基本知識。(2)掌握jQuery的應(yīng)用方法。(3)進一步理解Ajax程序的設(shè)計方法。(4)會利用所學(xué)知識設(shè)計簡單的應(yīng)用程序。3.內(nèi)容用jQuery技術(shù)實現(xiàn)產(chǎn)品的查詢、添加、修改與刪除,用戶的登錄、注冊、查詢和刪除。4.要求(1)從下載jQuery庫。(2)將在客戶端網(wǎng)頁中使用的MyTools中的函數(shù)轉(zhuǎn)換為jQuery函數(shù)。(3)進一步完善功能,優(yōu)化界面。代碼示例:classJq{constructor(arg,root){//記錄上次操作的節(jié)點;if(typeofroot=='undefined'){this.prevObject=newJq(document,null);}if(root){this.prevObject=root;}if(typeofarg=="string"){//字符串leteles=document.querySelectorAll(arg);this.addEvent(eles);}elseif(typeofarg=="function"){window.addEventListener("DOMContentLoaded",arg);}else{//原生節(jié)點;if(typeofarg.length=="undefined"){this[0]=arg;this.length=1;}else{this.addEvent(arg);}}}addEvent(eles){eles.forEach((el,index)=>{this[index]=el;})this.length=eles.length;}eq(index){returnnewJq(this[index],this);}end(){returnthis.prevObject;}click(fn){for(leti=0;i<this.length;i++){this[i].addEventListener("click",fn);}}on(eventName,fn){letreg=/\s+/g;eventName=eventName.replace(reg,"");//console.log(eventName);leteventArr=eventName.split("");for(leti=0;i<eventArr.length;i++){for(letj=0;j<this.length;j++){this[j].addEventListener(eventArr[i],fn);}}}css(...arg){if(arg.length>1){if(arg[0]in$.cssHooks){letitem=arg[0];for(leti=0;i<this.length;i++){$.cssHooks[item].set(this[i],arg[1]);}}else{//2個參數(shù)//設(shè)置樣式for(leti=0;i<this.length;i++){this.setStyle(this[i],arg[0],arg[1]);}}}else{//1個參數(shù):--》字符串、對象;[obj]if(typeofarg[0]=='string'){if(arg[0]=="wh"&&arg[0]in$.cssHooks){return$.cssHooks[arg[0]].get(this[0]);}else{//字符串:獲取樣式returnthis.getStyle(this[0],arg[0]);}}else{//對象;設(shè)置樣式for(leti=0;i<this.length;i++){for(letjinarg[0]){this.setStyle(this[i],j,arg[0][j]);}}}}}setStyle(ele,styleName,styleValue){if(typeofstyleValue=="number"&&!(styleNamein$.cssNumber)){styleValue=styleValue+"px";}ele.style[styleName]=styleValue;}getStyle(ele,styleName){returnwindow.getComputedStyle(ele,null)[styleName];}}function$(arg){returnnewJq(arg);}$.cssNumber={animationIterationCount:true,columnCount:true,fillOpacity:true,flexGrow:true,flexShrink:true,fontWeight:true,gridArea:true,gridColumn:true,gridColumnEnd:true,gridColumnStart:true,gridRow:true,gridRowEnd:
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年中國銀行招聘考試試題及答案
- 2025年招商銀行筆試題型及答案
- 2025年渣打銀行ai面試題庫及答案
- 2025年銀行綜合知識試題及答案
- 2025年銀行職級面試題及答案
- 2025年專科內(nèi)科試題及答案
- 2025年專升本遼寧試題及答案
- 2025年專升本計算機考試題模板
- 2025年銀行五筆考試試題及答案
- 2025年銀行網(wǎng)絡(luò)筆試試題及答案
- 2024年湘西永順縣事業(yè)單位招聘筆試真題
- 燃氣工程設(shè)計與優(yōu)化技術(shù)
- 吊車安全操作規(guī)程及注意事項
- GB/T 3098.6-2023緊固件機械性能不銹鋼螺栓、螺釘和螺柱
- 特變電工哲學(xué)手冊課件
- 2021年無紡布公司組織架構(gòu)及部門職責(zé)
- 銀行 固定資產(chǎn)貸款管理辦法模版
- RFJ05-2009-DQ人民防空工程電氣大樣圖集
- (完整版)化工原理實驗思考題答案(參考)
- 2023年軍隊文職人員(司機崗)考試核心考點題庫300題(含詳解)
- GB/T 33630-2017海上風(fēng)力發(fā)電機組防腐規(guī)范
評論
0/150
提交評論