摘要: 封装对象方法的插件 jQuery.fn.extend() 的两种写法 以添加一个点击按钮为例: 方法一: 方法二: 方法调用 到此,jq插件篇全部结束,内容参考《锋利的jQuery》,小伙伴们可以读一下,现在轮子已经有了,剩下的就靠大家自己发挥了!! 阅读全文
posted @ 2016-09-19 16:55 月半字 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 该了解我们也知道的差不多了,接下来编写我们第一个jq插件吧 封装对象方法的插件 我们编写一个设置和获取颜色的插件,我们需要实现两个功能 1、设置匹配元素的颜色 2、获取匹配元素(元素集合的第一个)的颜色 我们采用jQuery.fn.extend(),代码如下: 这是最外层的架构,接下来; 我在里面添 阅读全文
posted @ 2016-09-19 16:28 月半字 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 继续上一节的代码 来我们介绍一下吧,首先定义一个匿名函数 fnction(){/* 这里放置代码 */} 然后用括号括起来, (fnction(){/* 这里放置代码 */}) 变成这种形式,最后添加一个()运算符来执行,括弧内可以添加参数,供内部函数使用; 这就是jq插件常见的结构。(利用闭包的特 阅读全文
posted @ 2016-09-19 15:13 月半字 阅读(94) 评论(0) 推荐(0) 编辑
摘要: 看到这篇文章的人相信大家都学会了jq,或者正在用jq,在这里简单介绍一下jq的插件封装; jQuery的插件主要分为3种类型; 1、封装对象方法的插件 这种插件是将对象的方法封装起来,用于对通过选择器获取的jQuery对象进行操作,是最常见的一种插件。(eg:parent(),find()等等) 2 阅读全文
posted @ 2016-09-19 14:45 月半字 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 首先我们需要一个html结构 我们遍历ul 下所有的li 并添加点击事件,一般我们会在for循环里面添加点击事件,但是结果和我们所期盼不一样,那么是为什么呢???? 接下来看看我们的js代码 我们实现了!!! 这样就是得来我们想要的效果点击相应的li得来相应的索引。 简单说一下实现的过程吧 (fun 阅读全文
posted @ 2016-09-19 11:27 月半字 阅读(2978) 评论(1) 推荐(0) 编辑