首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子:事件冒泡(又称事件传播):当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。利用事件传播(这里是冒泡)这个机制,就可以实现事件委托。具体来说,事件委托就是事件目标自身不处理事件,而是把处理任务委托给其父元素或者祖先元素,甚至根元素(document)。一个单击操作会触发alert函数的执行。click事
系统 2019-08-29 22:02:23 2574
这篇文章是使用jQueryMobile与HTML5开发WebApp系列的第二篇,在本文以及接下来的数篇文章Kayo将会介绍jQueryMobile的组件、事件响应以及可以调用的方法,而作为该系列的第一篇文章,Kayo将会先介绍jQueryMobile的基本情况和一些基础的实例。一.jQueryMobile的渐进增强设计与浏览器支持在上一篇文章中,Kayo简单介绍了渐进增强设计的概念,可以参考文中的第四点内容。而jQueryMobile虽然是一些新web技术
系统 2019-08-29 23:12:17 2573
视差滚动(ParallaxScrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。作为今年网页设计的热点趋势,越来越多的网站应用了这项技术。现在越来越多的网站采用视差水平滚动来创建绚丽的效果,其实这样的效果使用jquery实现的,上一次我发布了一篇使用这个效果做的网站,《40个视差滚动效果网站的新技术应用》,今天就给大家分享一下这样的效果实现原理,下一次在做网站的时候你就可以使用这样的效果作出绚丽的效果Demo1–创
系统 2019-08-29 23:12:47 2572
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 2565
在《使用jQueryMobile与HTML5开发WebApp——jQueryMobile基础》中,Kayo曾经简略介绍过jQueryMobile的页面组件,当时只是举了一个简单的例子说明一下页面组件的情况,本文将会拓展说明页面组件的具体细节。一.页面基础在jQueryMobile中,页面这个概念与传统的Web页面有一个很大的区别——jQueryMobile中的页面可以是单个的页面,也可以是一个页面中内嵌多个"Page",“Page”是jQueryMobil
系统 2019-08-29 22:22:27 2565
在线演示本地下载大家有没有尝试使用纯CSS和Javascript来生成带有颜色的元素阴影?如果你也想生成这样超酷的特效的话,大家可以尝试使用这个jQuery插件:realshadow。使用这个简单的插件,你可以迅速给页面上的特定元素添加阴影效果,最酷的地方在于随着你的鼠标位置,阴影会对应改变的哦!如何使用?这个插件的使用非常简答,你只需要倒入jQuery和插件类库,如下:
系统 2019-08-12 09:29:31 2564
昨天我们介绍了一款HTML5文件上传的jQuery插件:jQueryHTML5uploader,今天我们将开发一个简单的叫uploadcenter的图片上传程序,允许用户使用拖拽方式来上传电脑上的图片,使用现在浏览器支持新的HTML5API。图片将会有一个预览和进度条,都由客户端控制。目前,图片都保存在服务器上的一个目录里,当然你可以自己加强相关功能。在线演示在线下载什么是HTML文件上传?使用HTML5上传文件其实综合使用了3种技术,新的FileRead
系统 2019-08-29 22:22:41 2551
前文对属性的设置、读取、删除方法做了分解,本文继续对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 2548
日期:2012-5-2来源:GBin1.com在线演示1在线演示2本地下载大家在开发过程中往往需要有效的展示不同类别下的图片或者文字内容,这个过程中你可能需要使用不同的标签来过滤不同类别下的图片内容,或者提供给用户一个方便的方式来选择不同的列别。今天我们这里将使用jQuery插件-filtrify来快速精致的实现一个超酷的摩托车分类展示应用,大家可以看到使用filtrify来使用标签分类显示图片是多么的简单,而且使用isotype来生成动画展示特效,希望大
系统 2019-08-12 09:29:30 2546
ThematicMap又增加了两种Chart类型,现在总算是齐全了,效果也出来了,与大家分享一下:1、MultiSelect选择界面:颜色框是可以选择颜色的:2、生成的饼图效果:3、生成的柱状图的效果:柱状图由于数据分布的原因,效果不是很理想。到现在为止,四种类型的专题图已经完成了(分级颜色、分级符号、饼图、柱状图),效果图已经贴出来了,期待你的评论与交流。jQuery也能舞出绚丽的界面(完结篇)
系统 2019-08-12 01:33:11 2541
在一个比如表单验证的过程中,有时候,假如要用户一定要输入某个字段,否则不给输入其他字段,即屏蔽其他字段的输入,这个时候依然可以用jquery可以做到,例子如下:1假如页面有三个字段,用户名和密码和密码确认三个字段: