当前位置:首页 > 开发教程 > IT博文 > Web前端 >

找到  Web前端  ( 20 个)

JQuery 学习:展开与收起HTML元素内容

程序演示如下: 单击这里测试(一个收缩展开功能) 点一下我就会收起了。 code $(document).ready(function(){$(".title").click(function(){$(".nowamagic").slideToggle("slow",function(){ });});}); 如何实现? 首先把JQuery导入。 然后开始写函数了。$(do ...

jQuery技术 发布于 2013-08-12 13:36 阅读(171)

JQuery 学习:选取临近节点

Welcome! 欢迎来到简明现代魔法! 点下我看看会发生什么 next() 函数取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。这个函数只返回后面那个紧邻的同辈元素,而不是后面所有的同辈元素。可以用一个可选的表达式进行筛 ...

jQuery技术 发布于 2013-08-12 13:33 阅读(146)

JQuery分屏指示器图片轮换效果

在Web App大行其道的今天,分屏指示器用得非常广泛,从Android、到腾讯的Web OS等等。分屏指示器给人很好的用户体验,下面就实现一个分屏指示器,用于实现图片的简单轮换效果,仅抛砖引玉~ 效果演示 1 2 3 4 JQuery Code script type="text/javascript"> va ...

jQuery技术 发布于 2013-08-12 13:25 阅读(111)

JQuery的选择符介绍

JQuery强大的选择符可以让我们获得页面中任何元素进行操作,并且使用简单方便,可读性强。本章内容根据本人在开发中常用到的选择符作为例子来进行讲解,如有更多常用的简单的例子可回复提供,参与讨论,一起学习研究,首先我们从常用的CSS选择符开始。 CSS选 ...

jQuery技术 发布于 2013-08-12 13:24 阅读(34)

JQuery选择器是如何工作的

每次申明一个jQuery对象的时候,返回的是jQuery.prototype.init对象,很多人就会不明白,init明明是jQuery.fn的方法啊,实际上这里不是方法,而是init的构造函数,因为js的prototype对象可以实现继承,加上js的对象只是引用不会是拷贝,new jQuery,new jQuer ...

jQuery技术 发布于 2013-08-12 13:23 阅读(50)

JQuery 学习:给标签追加 CSS

今天我们要做的事情是,增加或移除元素的css class,例如: 1 $( "a" ).addClass( "test" ); 2 $( "a" ).removeClass( "test" ); a 是 selector,test 则是 CSS 样式。 比如以下代码,可以将 id 为 nowamagic 的 HTML 元素加上名为 addCss 的样式。 1 $(docu ...

jQuery技术 发布于 2013-08-12 13:22 阅读(70)

JQuery Ajax 全解析

jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。 我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到j ...

jQuery技术 发布于 2013-08-12 13:19 阅读(89)

JQuery选择器$()的工作原理浅析

每次申明一个jQuery对象的时候,返回的是jQuery.prototype.init对象,很多人就会不明白,init明明是jQuery.fn的方法啊,实际上这里不是方法,而是init的构造函数,因为js的prototype对象可以实现继承,加上js的对象只是引用不会是拷贝,new jQuery,new jQuer ...

jQuery技术 发布于 2013-08-12 13:13 阅读(201)

JQuery 学习:简单的手风琴效果

JQuery强大的链式操作,一行代码就可以完成类似手风琴效果的导航栏制作。 效果演示 第1章-认识jQuery 1.1-JavaScript和JavaScript库 1.2-加入jQuery 1.3-编写简单jQuery代码 1.4-jQuery对象和DOM对象 1.5-解决jQuery和其它库的冲突 1.6-jQuery开发工具和插件 ...

jQuery技术 发布于 2013-08-12 12:04 阅读(140)

JQuery右下角弹窗的效果实现

有时在页面加载的时候,需要在页面的右下角弹出一个小的提示框,显示一些提示信息给用户,通过使用jQuery的message插件,可以很方便的实现这个效果,在使用之前先介绍一下message插件中的方法的使用。 先看下效果演示: 效果演示 JQUEYR PLUGIN - Messager 1 ...

jQuery技术 发布于 2013-08-12 12:01 阅读(334)