随笔分类 - jQuery
摘要:今天来写一个轮播图的案例,之前的博客中是有写过的,不过都是通过原生js来写的,比较复杂一些,今天来通过jquary的简单几句代码就可以实现这个轮播图效果。来看代码: 效果图如下: 当然我的布局比较简单,用在项目中的时候可以稍微更改修饰一下即可。 好了,今天就到这里!
阅读全文
摘要:今天来写一下关于全选的效果,这里先写一个表格,大概写完效果图如下: 我想我不说明都应该知道点击最上面的checkbox全部选中,再次点击全部取消,然后点击下面的几个全选的不被选中,而下面的全部都点击之后,全选的自然被选中,这就是要实现的效果。直接来看代码: 这样完成了一个表格的全选效果了。 有一个问
阅读全文
摘要:今天的这个例子主要是实现点击小图能显示大图,来直接看代码: 效果图如下: 这个例子也只是简单的实现了点击小图呈现大图的效果,还有点击大图收回的效果也就是让其消失等等。希望这些对你有帮助把! 当然也希望有问题直接询问评论!
阅读全文
摘要:写一个小的案例,会用到筛选选择器,实现一下淘宝精品图片的切换,接下来直接来看代码: 效果图看一下啊: 当然是可以切换的,我写的样式比较简单,但是你在用的时候可以稍微改一下满足你的样式即可!前面说到了会用到过滤筛选选择器,这个就是用到了eq()这个方法。用jquary的方法去写还是很简单的!不妨你可以
阅读全文
摘要:jquary对象和DOM对象的联系: DOM对象:DOM对象就是js对象,用 js的方法获取到的元素 jquary对象:用jquary的方法获取到的元素。 jquary对象实际就是一个拥有多个DOM对象组成的伪数组。 DOM对象和jquary对象的区别和联系: 1、DOM对象不能调用jquary对象
阅读全文
摘要:tab切换是经常会在项目中可见的案例,怎么用简单的jquary代码来实现 ,其实也很简单,废话不多,来看这个案例,我先把布局写一下: 接下来,给布局添加css样式,也是很简单的样式,可优化: 最终,也是最重要的jquary来渲染实现效果了,前提一定要记得引用jquary.js,话不多说,看jquar
阅读全文
摘要:今天我用jquary来写一下手风琴案例,这个案例在平时的项目中很经常会见到,要想实现效果用jquary来写其实很简单,其实一句话就是jquary的方法的调用。 首先我们先来分析一下手风琴案例实际实现的效果,就是点击当前的标题,它下面的盒子显示出来,而其他的盒子是闭合的状态。 一、先简单的来写下布局:
阅读全文