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