1.在頁面加載后執(zhí)行任務(wù)1.1代碼執(zhí)行的時機(jī)選擇$('document').ready()指頁面的DOM加載完成后執(zhí)行、并不意味著關(guān)聯(lián)的文件都下載完畢window.onload指頁面上所有元素都加載完成后執(zhí)行1.2基于一個頁面執(zhí)行多個腳本$('document').ready()可以向內(nèi)部的行為隊列中添加函數(shù)、并按照添加的次序執(zhí)行1.3縮短代碼的簡寫方式:$()函數(shù)1)當(dāng)不傳遞參數(shù)給它時、默認(rèn)傳遞了document參數(shù)示例:$(document).read
系統(tǒng) 2019-08-29 22:33:04 2564
最近專注研究jQueryMobile——一款很方便就可以把WebApp包裝成適合Android與iPhone等觸屏移動設(shè)備的Javascript庫,結(jié)合jQueryMobile與HTML5,可以很方便的開發(fā)出一款具有良好界面及用戶體驗的WebApp,在這個過程中我收獲良多,因此決定針對使用jQueryMobile與HTML5開發(fā)WebApp寫一個系列的文章。在開始之前,我首先簡述WebApp與原生App各自的優(yōu)缺點。一.WebApp與原生App的優(yōu)缺點1.
系統(tǒng) 2019-08-29 23:21:36 2562
通常在web應(yīng)用或者網(wǎng)站中,我們使用鼠標(biāo)來控制元素或者執(zhí)行導(dǎo)航,相對于桌面應(yīng)用來說,使用web應(yīng)用的快捷鍵次數(shù)可能會相對比較少,但是對于熟練的專業(yè)人員來說,使用鍵盤可能更加容易并且更加快速,在今天這篇文章中,我們收集了10個jQuery的插件,幫助你創(chuàng)建各種基于鍵盤事件的web應(yīng)用,相信大家會喜歡的!1.MousetrapMousetrap是一個超簡單的處理鍵盤快捷鍵的類庫,壓縮有只有1.6kb大小,并且不依賴任何的外部類庫。你使用的主要就是綁定方法。它會
系統(tǒng) 2019-08-29 22:36:06 2561
jQuery是目前使用最廣泛的javascript函數(shù)庫。據(jù)統(tǒng)計,全世界排名前100萬的網(wǎng)站,有46%使用jQuery,遠(yuǎn)遠(yuǎn)超過其他庫。微軟公司甚至把jQuery作為他們的官方庫。對于網(wǎng)頁開發(fā)者來說,學(xué)會jQuery是必要的。因為它讓你了解業(yè)界最通用的技術(shù),為將來學(xué)習(xí)更高級的庫打下基礎(chǔ),并且確實可以很輕松地做出許多復(fù)雜的效果。雖然jQuery上手簡單,比其他庫容易學(xué)會,但是要全面掌握,卻不輕松。因為它涉及到網(wǎng)頁開發(fā)的方方面面,提供的各種方法和內(nèi)部變化有上千
系統(tǒng) 2019-08-12 09:29:42 2561
這里所說的彈出消息指的是在網(wǎng)頁右下角升起又下去的那種框框,在這里用到了jQuery的自定義動畫,感覺這個自定義動畫就是像flash里的形狀和漸變動畫一樣,只要定義了開頭和結(jié)尾的兩個關(guān)鍵幀,中間的動畫過程會自動完成,不用會jQuery的可去查下jQuery的幫助文檔.基本思路是這樣子滴:首先彈出消息框其實就是一個div層,頁面加載完了以后我們應(yīng)該通過CSS把div層定位到頁面右下角的下方,并且把他隱藏起來,然后當(dāng)我們點擊頁面中的按鈕的時候就觸發(fā)動畫函數(shù),di
系統(tǒng) 2019-08-29 23:40:54 2560
上一篇文章,將jQuery.ajax中的一些細(xì)節(jié)補(bǔ)充完。這篇文章講解如果將類AJAX方法都包裝進(jìn)jQuery.ajax中。下篇文章則講解各預(yù)過濾器和分發(fā)器的細(xì)節(jié)。為什么要包裝起來?我們知道,古老的XMLHttpRequest出于同源策略考慮,是不支持跨域的。所以,在前端想動態(tài)加載跨域Javascript腳本,通常是使用被稱為ScriptDOMElement的方案,如:varscriptElem=document.createElement("script"
系統(tǒng) 2019-08-12 01:33:22 2560
今天開始,“使用jQueryMobile與HTML5開發(fā)WebApp”的系列文章將會繼續(xù),這次要介紹的是jQueryMobile的內(nèi)容格式部分,這也是jQueryMobile的組件部分,包含了基本HTML樣式(BasicHTMLstyles),主題內(nèi)容(Themingcontent),可折疊內(nèi)容塊(Collapsiblecontentblocks),折疊組(Collapsiblesets),網(wǎng)格布局(Layoutgrids),以及一套列表組件(ListVi
系統(tǒng) 2019-08-29 22:41:15 2558
WEB頁面需要展示網(wǎng)站最新信息,如微博動態(tài)、余票信息、路況監(jiān)控等項目中常見的實時數(shù)據(jù)滾動效果,我們可以用jQuery來實現(xiàn)前端信息滾動效果。本文我們將結(jié)合實例為大家講解如何使用jQuery來實現(xiàn)圖文信息滾動效果。查看演示下載源碼HTML我們以新浪微博信息滾動為背景,html中包含了多條微博圖文信息,結(jié)構(gòu)如下:-
系統(tǒng) 2019-08-29 23:12:40 2555
最近在研究jQuery。把jQuery.extend擴(kuò)展函數(shù)的用法記錄下來。1、擴(kuò)展jQuery靜態(tài)方法.1$.extend({2test:function(){alert('test函數(shù)')}3})用法:$.test()2、合并多個對象.為jQuery.extend(css1,css2)為例,css1,css2個有一些屬性(法照樣會比處理,這里之講屬性).extend函數(shù)會把css2有而css2沒有的屬性加到css1中,如果css2的某個屬性與css1的
系統(tǒng) 2019-08-12 09:29:45 2554
開發(fā)緣由自從新浪微博開放平臺推出以來,各種微博應(yīng)用層出不窮,作為新浪微博的忠實用戶之一,我也曾開發(fā)過幾個微博應(yīng)用,對于微博發(fā)布應(yīng)用來說,有一個功能是必不可少的,那就是表情。表情功能的實現(xiàn)雖說不難,但卻比較繁瑣,首先要了解新浪微博開放平臺的表情API,然后通過某種方式調(diào)用,如果通過網(wǎng)頁后臺代碼直接讀取儲存到JavaScript變量中,又會拖慢網(wǎng)頁加載速度,如果采用AJAX讀取,又要解決跨域問題,即便成功讀取到表情數(shù)據(jù)了,又必須考慮表情分類,翻頁等等等等問題,
系統(tǒng) 2019-08-29 22:21:34 2553
如Kayo之前所寫的文章《使用jQueryMobile與HTML5開發(fā)WebApp——jQueryMobile內(nèi)容格式》中所述,這次介紹的是jQueryMobile列表組件。jQueryMobile列表雖然也是對頁面內(nèi)容進(jìn)行豐富,但jQueryMobile列表會給標(biāo)準(zhǔn)的HTML賦予一套樣式以及豐富的交互處理,因此它是一套完整的組件,并且jQueryMobile對其進(jìn)行優(yōu)化,使到j(luò)QueryMobile列表成為易于觸摸的控件。下面對列表組件進(jìn)行詳細(xì)的介紹。一
系統(tǒng) 2019-08-29 22:35:48 2552
最近的項目中涉及到了用戶個性化定制首頁的需求,用戶要求可以隨意拖動首頁模塊的位置,來實現(xiàn)個性化的布局。本文講解如何使用jquery實現(xiàn)拖動布局并將拖動后的布局位置保存到數(shù)據(jù)庫。很多網(wǎng)站的拖動布局的例子都是采用瀏覽器的COOKIE來記錄用戶拖動模塊的位置,也就是說拖動后各模塊的排序位置信息是記錄在客戶端的cookie里的。當(dāng)用戶清空客戶端的cookie或瀏覽器的cookie過期后,再次訪問頁面時,發(fā)現(xiàn)布局又還原成最初的狀態(tài)。這種cookie記錄的方式使用簡單
系統(tǒng) 2019-08-29 22:11:12 2552
記錄一下工作中點滴,將jquery-uiautocomplete+springmvc+mybatis+oracle實現(xiàn)輸入提示的demo與大家共享一下.具備功能:1)支持中文,英文,數(shù)字輸入提示2)支持按中文首字母提示js/***輸入提示*@param$searchInput查詢條件input*@paramurl查詢匹配內(nèi)容的serverurl*/functiononAutocomplete($searchInput,url){$searchInput.a
系統(tǒng) 2019-08-12 09:30:24 2551
在線演示本地下載如果你也在尋找一款生成漂亮旋鈕(knob)的jQuery插件的話,那么今天我們介紹的jQueryknob肯定是一個不錯的選擇。它使用canvas幫助我們生成超酷的旋鈕特效,你可以使用插件選項或者HTML5的data屬性來自定義設(shè)置插件屬性,方便簡捷并且優(yōu)雅,我相信大家肯定會喜歡這個超酷的jQuery插件,如果你有任何問題活著建議請給我們留言!主要特性支持只讀模式兩個供選擇的callback方法:change和release支持自定義選項并且
系統(tǒng) 2019-08-12 09:29:51 2551
很久不上來寫文章了,嘿嘿,最近在做一個簡單的新聞發(fā)布系統(tǒng),打算做好了以后出個視頻的,呵呵,很久不錄視頻了,不知道家里的那破話筒還用不用得..還有那破機(jī)子頂不頂?shù)米“?...唉..一個月1000塊上下的工作...吃飯去300,坐公交去100,給外婆100,給奶奶100,給老媽100,還有300,要攢到何年何月才能買臺2G內(nèi)存,開VS08不卡的電腦啊...郁悶....不說這么多了,這回給大家?guī)淼氖抢胘Query制作一個可編輯表格的WEB頁面,大家應(yīng)該用過E
系統(tǒng) 2019-08-29 23:40:53 2550