這篇文章是使用jQueryMobile與HTML5開發(fā)WebApp系列的第二篇,在本文以及接下來的數(shù)篇文章Kayo將會介紹jQueryMobile的組件、事件響應(yīng)以及可以調(diào)用的方法,而作為該系列的第一篇文章,Kayo將會先介紹jQueryMobile的基本情況和一些基礎(chǔ)的實(shí)例。一.jQueryMobile的漸進(jìn)增強(qiáng)設(shè)計(jì)與瀏覽器支持在上一篇文章中,Kayo簡單介紹了漸進(jìn)增強(qiáng)設(shè)計(jì)的概念,可以參考文中的第四點(diǎn)內(nèi)容。而jQueryMobile雖然是一些新web技術(shù)
系統(tǒng) 2019-08-29 23:12:17 2881
HTML代碼,測試地址:jQuery遍歷-closest()方法------我粘代碼上來,在頁面上會自動隱藏(會顯示一下)!誰能教我這是腫么回事!1.通過item-1查找level-3(查找直接上級)復(fù)制代碼代碼如下:$('li.item-1').closest('ul')$('li.item-1').parent()$('li.item-1').parents().eq(0)2.通過item-1查找level-2(通過選擇器查找父元素)復(fù)制代碼代碼如下:
系統(tǒng) 2019-08-29 22:57:20 2879
在《使用jQueryMobile與HTML5開發(fā)WebApp——jQueryMobile基礎(chǔ)》中,Kayo曾經(jīng)簡略介紹過jQueryMobile的頁面組件,當(dāng)時只是舉了一個簡單的例子說明一下頁面組件的情況,本文將會拓展說明頁面組件的具體細(xì)節(jié)。一.頁面基礎(chǔ)在jQueryMobile中,頁面這個概念與傳統(tǒng)的Web頁面有一個很大的區(qū)別——jQueryMobile中的頁面可以是單個的頁面,也可以是一個頁面中內(nèi)嵌多個"Page",“Page”是jQueryMobil
系統(tǒng) 2019-08-29 22:22:27 2878
在網(wǎng)頁的首頁或圖片專題頁面很多地方都會用到圖片滑動插件來循環(huán)切換多張圖片,并且用戶可以點(diǎn)擊左右按鈕來切換圖片。相信大家都知道jQuery是最優(yōu)秀的Javascript框架之一。以其語法簡單靈活而大受Webdesigner歡迎。所以很多網(wǎng)頁設(shè)計(jì)師結(jié)合jQuery的強(qiáng)大功能制作出了許多成熟的圖片滑動插件,我們可以很簡單地直接將這些圖片滑動插件嵌入到網(wǎng)頁中,很容易就得到了即酷又實(shí)用的jQuery圖片滑動效果。1FlexSlider(Demo演示|Download
系統(tǒng) 2019-08-12 09:30:27 2877
jquery左側(cè)分類導(dǎo)航仿淘寶天貓商城左側(cè)浮動導(dǎo)航菜單分類列表,隨著瀏覽器滾動條滾動,導(dǎo)航菜單智能定位浮動顯示,且分類導(dǎo)航條慢慢折疊或展開顯示。一款非常實(shí)用的jquery左側(cè)導(dǎo)航菜單。查看演示>>jquery仿天貓商城左側(cè)導(dǎo)航菜單代碼
系統(tǒng) 2019-08-12 01:33:23 2877
在線演示本地下載大家有沒有嘗試使用純CSS和Javascript來生成帶有顏色的元素陰影?如果你也想生成這樣超酷的特效的話,大家可以嘗試使用這個jQuery插件:realshadow。使用這個簡單的插件,你可以迅速給頁面上的特定元素添加陰影效果,最酷的地方在于隨著你的鼠標(biāo)位置,陰影會對應(yīng)改變的哦!如何使用?這個插件的使用非常簡答,你只需要倒入jQuery和插件類庫,如下:
系統(tǒng) 2019-08-12 09:29:31 2876
ddSlick是一個輕量級的jQuery插件用來實(shí)現(xiàn)定制的下拉組件。主要特點(diǎn):Addsimagesanddescriptiontootherwiseboringdropdowns.UsesJSONtopopulatethedropdownoptions.UsesMinimumcssandnoexternalstylesheetstodownload.Supportscallbackfunctionsonselection.Worksasgoodevenwi
系統(tǒng) 2019-08-29 22:29:47 2871
前文對屬性的設(shè)置、讀取、刪除方法做了分解,本文繼續(xù)對jQueryattributes模塊分解。jQuery.fn.addClass/*************************************value:字符串或者是函數(shù),字符串可以通過空格分隔className*/jQuery.fn.addClass=function(value){varclasses,elem,cur,clazz,j,i=0,len=this.length,proceed
系統(tǒng) 2019-08-12 01:33:32 2866
一.摘要本章講解jQuery最重要的選擇器部分的知識.有了jQuery的選擇器我們幾乎可以獲取頁面上任意的一個或一組對象,可以明顯減輕開發(fā)人員的工作量.二.前言編寫任何javascript程序我們要首先獲得對象,jQuery選擇器能徹底改變我們平時獲取對象的方式,可以獲取幾乎任何語意的對象,比如"擁有title屬性并且值中包含test的元素",完成這些工作只需要編寫一個jQuery選擇器字符串.學(xué)習(xí)jQuery選擇器是學(xué)習(xí)jQuery最重要的一步.三
系統(tǒng) 2019-08-29 23:48:33 2852
視差滾動(ParallaxScrolling)是指讓多層背景以不同的速度移動,形成立體的運(yùn)動效果,帶來非常出色的視覺體驗(yàn)。作為今年網(wǎng)頁設(shè)計(jì)的熱點(diǎn)趨勢,越來越多的網(wǎng)站應(yīng)用了這項(xiàng)技術(shù)。現(xiàn)在越來越多的網(wǎng)站采用視差水平滾動來創(chuàng)建絢麗的效果,其實(shí)這樣的效果使用jquery實(shí)現(xiàn)的,上一次我發(fā)布了一篇使用這個效果做的網(wǎng)站,《40個視差滾動效果網(wǎng)站的新技術(shù)應(yīng)用》,今天就給大家分享一下這樣的效果實(shí)現(xiàn)原理,下一次在做網(wǎng)站的時候你就可以使用這樣的效果作出絢麗的效果Demo1–創(chuàng)
系統(tǒng) 2019-08-29 23:12:47 2850
在一個比如表單驗(yàn)證的過程中,有時候,假如要用戶一定要輸入某個字段,否則不給輸入其他字段,即屏蔽其他字段的輸入,這個時候依然可以用jquery可以做到,例子如下:1假如頁面有三個字段,用戶名和密碼和密碼確認(rèn)三個字段: