最近專注研究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 2235
通常在web應用或者網(wǎng)站中，我們使用鼠標來控制元素或者執(zhí)行導航，相對于桌面應用來說，使用web應用的快捷鍵次數(shù)可能會相對比較少，但是對于熟練的專業(yè)人員來說，使用鍵盤可能更加容易并且更加快速，在今天這篇文章中，我們收集了10個jQuery的插件，幫助你創(chuàng)建各種基于鍵盤事件的web應用，相信大家會喜歡的！1.MousetrapMousetrap是一個超簡單的處理鍵盤快捷鍵的類庫，壓縮有只有1.6kb大小，并且不依賴任何的外部類庫。你使用的主要就是綁定方法。它會
系統(tǒng) 2019-08-29 22:36:06 2235
要想達到自定義顯示表格框的目的比如顯示圖片，超鏈接，按鈕的形式，只需要給列添加formatter屬性即可，比如顯示圖片：columns:[[{field:'IName',title:'顯示名稱',width:50},//checkbox。多選框的列{field:'Iurl',title:'圖片',width:80,formatter:function(value,row,index){return"
系統(tǒng) 2019-08-12 01:33:37 2235
這里所說的彈出消息指的是在網(wǎng)頁右下角升起又下去的那種框框,在這里用到了jQuery的自定義動畫,感覺這個自定義動畫就是像flash里的形狀和漸變動畫一樣,只要定義了開頭和結(jié)尾的兩個關(guān)鍵幀,中間的動畫過程會自動完成,不用會jQuery的可去查下jQuery的幫助文檔.基本思路是這樣子滴:首先彈出消息框其實就是一個div層,頁面加載完了以后我們應該通過CSS把div層定位到頁面右下角的下方,并且把他隱藏起來,然后當我們點擊頁面中的按鈕的時候就觸發(fā)動畫函數(shù),di
系統(tǒng) 2019-08-29 23:40:54 2234
1.在頁面加載后執(zhí)行任務1.1代碼執(zhí)行的時機選擇$('document').ready()指頁面的DOM加載完成后執(zhí)行、并不意味著關(guān)聯(lián)的文件都下載完畢window.onload指頁面上所有元素都加載完成后執(zhí)行1.2基于一個頁面執(zhí)行多個腳本$('document').ready()可以向內(nèi)部的行為隊列中添加函數(shù)、并按照添加的次序執(zhí)行1.3縮短代碼的簡寫方式：$()函數(shù)1)當不傳遞參數(shù)給它時、默認傳遞了document參數(shù)示例：$(document).read
系統(tǒng) 2019-08-29 22:33:04 2234
jQueryserialize模塊是對象數(shù)組序列化模塊。首先我們先看一下《JavaScript高級程序設(shè)計》中的序列化函數(shù)，專門用于form參數(shù)序列化的。serialize函數(shù)functionserialize(form){varparts=[],field=null,i,len,j,optLen,option,optValue;for(i=0,len=form.elements.length;i
系統(tǒng) 2019-08-12 01:33:30 2234
referencehttp://api.jquery.com/jQuery.post/somenotesasfollows:PagesfetchedwithPOSTarenevercached,sothecacheandifModifiedoptionsinjQuery.ajaxSetup()havenoeffectontheserequests.jquery$.postspecification
系統(tǒng) 2019-08-29 22:36:22 2233
隨著越來越多的開發(fā)人員開始開發(fā)jQuery插件，所以我們隨時都有可能遇到很爛的插件開發(fā)“成果”。沒有在線演示，沒有文檔，或者插件沒有遵循最佳編碼實踐。但是對于閱讀這篇文章的朋友來說，你很幸運，因為這里我們將介紹14個jQuery插件開發(fā)中最容易犯的錯誤。希望大家會覺得有幫助！隨著jQuery的廣泛使用，每天都出現(xiàn)很多新的插件，但是問題在于很多插件真不怎么樣。以前我們介紹過10個幫助你創(chuàng)建超棒jQuery插件的小技巧，在今天這篇文章中，我們將專注于jQuer
系統(tǒng) 2019-08-12 09:29:51 2233
最近在研究jQuery。把jQuery.extend擴展函數(shù)的用法記錄下來。1、擴展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 2233
沒用插件時的效果如下，這是在IE6下預覽的結(jié)果，層的z-index不管設(shè)置多大都沒用，select元素還是會在層上的用了插件后的效果select元素會自動隱藏，當層消失會又會自動顯示，此插件用法很簡單：$(".board").bgiframe();//解決ie6下select元素會在上面的問題之前記得先導入相應的JQUERY文件及插件，下面附上源碼，源碼中的那個彈出窗口的樣式是自己對著效果圖用CSS自己一點一點做的，CSS有時候真的很煩。。。消滅IE6,人
系統(tǒng) 2019-08-29 23:40:47 2232
以下任意均可：1.jQuery模擬原生態(tài)App上拉刷新下拉加載效果代碼，鼠標上拉時會顯示loading字樣，并且會模擬加載一條靜態(tài)數(shù)據(jù)，支持觸屏設(shè)備使用。原文：http://www.sucaijiayuan.com/Js/other/1055.html下載：jQuery模擬原生態(tài)App上拉刷新下拉加載效果代碼2.jqueryiscroll上拉下拉加載內(nèi)容原文：http://www.kuitao8.com/20150113/3462.shtml下載：jque
系統(tǒng) 2019-08-29 23:32:29 2232
Whatevercontentyouhavetopresent,youcanpresenttheminamoreinteractive&moreresponsiveways.Inthisarticlewe’dliketopresent10BrillianttechniquesusingsomejQuerymagictograbtheattentionofyouruserswithasimple,richuserexperiencethatgetstheme
系統(tǒng) 2019-08-29 23:07:00 2232
今天開始，“使用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 2232
開發(fā)緣由自從新浪微博開放平臺推出以來，各種微博應用層出不窮，作為新浪微博的忠實用戶之一，我也曾開發(fā)過幾個微博應用，對于微博發(fā)布應用來說，有一個功能是必不可少的，那就是表情。表情功能的實現(xiàn)雖說不難，但卻比較繁瑣，首先要了解新浪微博開放平臺的表情API，然后通過某種方式調(diào)用，如果通過網(wǎng)頁后臺代碼直接讀取儲存到JavaScript變量中，又會拖慢網(wǎng)頁加載速度，如果采用AJAX讀取，又要解決跨域問題，即便成功讀取到表情數(shù)據(jù)了，又必須考慮表情分類，翻頁等等等等問題，
系統(tǒng) 2019-08-29 22:21:34 2232
JQuerydatepicker用法jQueryUI很強大，其中的日期選擇插件Datepicker是一個配置靈活的插件，我們可以自定義其展示方式，包括日期格式、語言、限制選擇日期范圍、添加相關(guān)按鈕以及其它導航等。官方地址：http://docs.jquery.com/UI/Datepicker，官方示例：http://jqueryui.com/demos/datepicker/。一個不錯的地址，用來DIYjQueryUI界面效果的站點http://jque
系統(tǒng) 2019-08-29 22:12:17 2232
