JQuery 实践--扩展JQuery

  • Why扩展JQuery
    通过扩展可以利用JQuery所提供的现有代码基础。避免从头编写代码
  • 有效扩展JQuery的规则
    扩展JQuery的两种形式: $上直接定义实用工具函数 和JQuery包装集进行操作的方法
      1. 文件名以 jquery为前缀
      2. 前缀后接插件的名称
      3. 文件名以.js结尾
      4. 小心$.  用本地化方式引用JQuery: (function($){xxx})(jQuery)
      5.简化复杂的参数列表:选项散列对象,多个可选参数被击中到单个参数,object名/值对 $.extend(options, actual|| {})
  • 编写自定义的实用工具函数
    添加一个函数作为Object实例的属性,就像声明函数并指派到Object属性那样简单
        (function($){
      $.funName = function(name){xxx}
    })(jQuery)     
  • 编写自定义的包装器方法
    通过添加包装器方法,我们自动地获得了jQuery选择器的强大能力以便选择将要操作的元素,而不必亲自完成所有的工作
    包装器方法,必须把包装器方法指派为$命名空间内名为fn的对象属性
     (function($){
        $.fn.funcname = function(params){ return this.css(xxx)}
    })(jQuery)
    方法体内,this是引用包装集,所以可以在上面调用所有预定义的jQuery命令. 如果在包装集方法中声明内联函数,则包装器方法和内联函数用于各自不同的函数上下文。要注意。(闭包)

    规则: 除非有意地让方法返回特定的值,否则应该总是返回包装集作为包装器方法的返回值。这个规则可以让新命令应用于jQuery链
原文地址:https://www.cnblogs.com/ahMay/p/5729603.html