随笔分类 -  jQuery

jQuery中的动画——《锋利的JQuery》
摘要：自CSS3以来，主流网站开始偏向于扁平风格和动画效果，这时就可以jQuery的动画就可以发挥其长处了，灵活的应用其动画API，让我们可以设计出很多绚丽的效果。下面，让我们来列举一些jQuery常用的动画API。 1、show()和hide()方法 （注：传入参数后，.show()和.hide()方法 阅读全文
posted @ 2017-08-16 22:33 奔跑的瓜牛 阅读(344) 评论(0) 推荐(0)
jQuery之jquery.lazyload.js插件用法
摘要：研究背景：网站中如果图片过多，就会因为加载图片而等待很长时间，此时我们就用到图片延时加载插件jquery.lazyload.js，这个插件可以让我们在向下滚动的时候加载图片。让网页首屏尽可能快的加载进来。 如何使用jquery.lazyload.js： 1、jquery.lazyload.js依赖于 阅读全文
posted @ 2017-08-15 22:19 奔跑的瓜牛 阅读(5504) 评论(0) 推荐(2)
jQuery中的事件——《锋利的JQuery》
摘要：虽然利用原生的JavaScript事件能完成一些交互，但jQuery增加并扩展了基本的事件处理机制。jQuery不仅提供了更加优雅的事件处理语法，而且极大地增强了事件处理能力。 1、加载DOM 在JavaScript中，通常用window.onload方法，而在jQuery中，使用的是$(docum 阅读全文
posted @ 2017-06-27 19:21 奔跑的瓜牛 阅读(718) 评论(0) 推荐(0)
jQuery中的DOM操作——《锋利的JQuery》
摘要：jQuery封装了大量DOM操作的API，极大提高了操作DOM节点的效率。 1、查找节点 通过我们上一节介绍了JQuery选择器，可以非常轻松地查找节点元素。不过，这时得到的是jQuery对象，只能使用jQuery的API。 1.1 查找属性节点：attr()方法，可以接受一个参数，也可以接受两个。 阅读全文
posted @ 2017-06-25 21:15 奔跑的瓜牛 阅读(387) 评论(0) 推荐(0)
JQuery选择器——《锋利的JQuery》
摘要：刚学CSS的时候我们已经接触了选择器，其实就是按照一定的规则选择出来我们想要获取到的元素。在这里，既然选择了用jQuery选择器，首先来谈谈JQuery选择器的优势： 1、简洁的写法：$()函数在很多JavaScript类库中都被作为一个选择器来使用，平时用到的JQuery对象都是通过$()函数制造 阅读全文
posted @ 2017-06-22 21:38 奔跑的瓜牛 阅读(378) 评论(0) 推荐(0)
JQ封装图片预加载插件
摘要：我们知道，图片的加载，特别是资源较大的图片，加载相当耗费时间。为了提高用户体验，不得不使用图片预加载技术来提前加载，以提高用户在浏览时的流畅度。 先来弄明白图片的懒加载和预加载的不同： 1)概念：懒加载也叫延迟加载：JS图片延迟加载,延迟加载图片或符合某些条件时才加载某些图片。预加载：提前加载图片， 阅读全文
posted @ 2017-04-29 19:32 奔跑的瓜牛 阅读(1253) 评论(0) 推荐(0)
我的第一个jQuery插件--表格隔行变色
摘要：虽然网上有大量的插件供我们去使用，但不一定有一款适合你的，必要的时候还是要自己动手去敲的。下面，开始我的第一个插件... 参考《锋利的JQuery》，JQuery为开发插件增设了俩个方法：$.extend(object), $.fn.extend(object). 这篇博文对插件制作的讲解挺好的，就 阅读全文
posted @ 2017-04-24 18:23 奔跑的瓜牛 阅读(547) 评论(0) 推荐(0)
jQuery之stop()
摘要：开启第一篇原创博客，内容朴实，但绝对属实。 先来看看w3c的定义和语法： 定义：stop() 方法停止当前正在运行的动画。 语法：$(selector).stop(stopAll,goToEnd) 参数：（默认情况下，不写参数，则会被认为两个参数都是false。） 第一个参数的意思是是否清空动画序列 阅读全文
posted @ 2017-04-19 16:42 奔跑的瓜牛 阅读(323) 评论(0) 推荐(0)