分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

编写jQuery插件

发布时间:2023-09-06 01:13责任编辑:赖小花关键词:jQuery

Jquery的插件主要分为三类:
  1.封装方法插件
        封装方法插件在本质上来说,是一个对象级别的插件,这类插件首先通过jQuery选择器获取对象,并为对象添加方法,然后,将方法进行打包,封闭成一个插件,这种类型的插件编写简单,极易调用,也很方便地使用了jQuery中功能强大的选择器,因此,成为开发插件的首选.
  2.封装函数插件
        封闭函数插件是一个类级别的插件,这类插件最大的特点,就是可以直接给jQuery添加静态方法,并且可以将函数置于jQuery命名空间中,如最为觉的就是$.ajax(),$.trim()全局性函数,都是以内部插件的形式植入jQuery内核中.
  3.选择器插件:扩充自己喜欢的一些选择器。

 1 ;(function($){ 2 ????$.fn.name = function(options){  //各种属性、参数 3        var options = $.extend(defaults, options);//定义参数 4        this.each(function(){ 5         ???//插件实现代码 6 ???????????return this; 7        }); 8     }; 9 10 ????$.fn.highlight.defaults = {11 ????????//默认属性参数 ???12 ????};13 })(jQuery);14 15 //调用16 $.fn.name.defaults.x = ‘‘;17 $(‘#id‘).name();

(1)、“;(function($){    })(jQuery);”使用了匿名函数,表示在方法体内的”$”表示的就是”jquery”,为了有更好的兼容性,所以在前面添加一个分号
,这里的$符号是作为匿名函数的形参
(2)、$.extend(defaults, options);表示的是如果options中的参数总是有值的话,那么options中的值将会代替defaults中的值。

jQuery extend()和jQuery.fn.extend()两者调用方式不同:

       jQuery.extend(),一般由传入的全局函数来调用,主要是用来拓展个全局函数,如$.init(),$.ajax();

       jQuery.fn.extend(),一般由具体的实例对象来调用,可以用来拓展个选择器,例如$.fn.each();

jQuery extend()和jQuery.fn.extend()两者的主要功能作用不同:

        jQuery.extend(object); 为扩展jQuery类本身,为自身添加新的方法。

        jQuery.fn.extend(object);给jQuery对象添加方法

编写jQuery插件

原文地址:http://www.cnblogs.com/aaron911/p/7581814.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved