jQuery插件写法

jQuery核心的方法有两个：

1、$.extend(object)可以理解为jQuery添加一个静态方法。
2、$.fn.extend(object)可以理解为jQuery实例添加一个方法。

基本的使用

$.extend({fun1: function() {alert(11);}})$.fun1();$.fn.extend({fun2: function() {alert(22);}})$(this).fun2();//等同于$.fn.fun3 = function() {alert(33);}$(this).fun3();

jQuery(function() {})与(function($) {})(jQuery)的区别

1、jQuery(function() {})相当于$(document).ready(function() {})当dom元素加载完成执行的方法

2、(function($) {})(jQuery)相当于

var fun = function($) {};
fun(jQuery);

定义了一个匿名函数，其中jQuery代表了这个函数实参。通常用在jQuery插件开发中，起到了定义插件的私有域作用。

<div id="link"><a href="#" >jQuery</a></div>

<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script><script>//step01 定义JQuery的作用域
(function($) {var defaults = {   //step01 定义JQuery的作用域animatePadding: 20,hoverColor: "#f90"};
//在插件里定义方法var showLink = function(obj) {$(obj).append("2222");}//step02 插件的扩展方法名称$.fn.paddingSlide = function(options) {var options = $.extend(defaults, options);//step03-b 合并用户自定义属性，默认属性//step4 支持JQuery选择器$(this) this//step5 支持链式调用return 这样的定义才能支持链接调用。比如支持这样的调用：$("#fixed-floor").paddingSlide().css('', '');return this.each(function() {//this-->jquery对象 $(this)用于dom对象，var obj = $(this);var item = $("a", obj);item.hover(function() {$(this).css("color", options.hoverColor);$(this).stop().animate({paddingLeft: options.animatePadding}, 500);showLink(this);},function() {$(this).css("color", "");$(this).stop().animate({paddingLeft: 0}, 500);});})};
})(jQuery);

$(function() {    $("#link").paddingSlide();})</script>

转载于:https://www.cnblogs.com/wanbi/p/4275896.html

jQuery插件写法相关推荐

jQuery 插件写法
一.jQuery插件的类型 1. jQuery方法很大一部分的jQuery插件都是这种类型,由于此类插件是将对象方法封装起来,在jQuery选择器获取jQuery对象过程中进行操作,从而发挥jQue ...
JQuery插件的写法和规范
JQuery插件写法的总结最近Web应用程序中越来越多地用到了JQuery等Web前端技术.这些技术框架有效地改善了用户的操作体验,同时也提高了开发人员构造丰富客户端UI的效率.JQuery本身提供 ...
用一个案例介绍jQuery插件的使用和写法
我们在做web的时候都会用到很多jQuery插件,这些插件可以很方便的使用.但对于初学者来说想要修改插件中的一些功能,或者想要自定义插件却不是容易的事情.自己也刚好在学习这部分的知识,这里用一个案例来 ...
jQuery插件的写法以及使用
如今做web开发,jquery 几乎是必不可少的,同时jquery插件也是不断的被大家所熟知,以及运用.最近在搞这个jquery插件,发现它的牛逼之处,所以讲一讲jQuery插件的写法以及使用 (fu ...
jquery插件的写法
一.JQuery的插件主要分为3种: 1.封装对象方法的插件. 如JQuery的parent()方法,appendTo()方法,addClass()方法等. 2.封装全局函数的插件. 如JQuery. ...
自己动手开发jQuery插件
因为工作需要,所以这几天琢磨了一下关于jQuery插件开发的问题,经过一天鏖战,终于完成自己动手做的第一个jQuery插件,对于俺这种见了css就蛋疼菊紧的人来说,一天时间8小时,保守估计有5个小时在 ...
jQuery插件simplePagination的使用-踩坑记_03
jQuery插件simplePagination的使用正在熟悉项目上的代码,新添加了一个需要,需要对表单进行分页,之前的代码中是有分页的代码的,看了老半天,也没看太明白.之前的项目比较久远,继续熟悉 ...
jQuery插件开发方式
一.jQuery扩展 1.$.extend(object) 类似于.Net的扩展方法,用于扩展jQuery.然后就可以用$.的方式调用. $(function(){$.extend({ fun1: f ...
尝试jquery插件的开发
尝试jquery插件的开发今天,尝试了一下jquery插件的开发,先看效果图: 就是鼠标点击下面三张缩略图的时候,显示大图和文字. $(document).ready(function() { $( ...

jQuery插件写法

jQuery插件写法相关推荐

最新文章

热门文章