码迷,mamicode.com
首页 > Web开发 > 详细

JQuery 实践--扩展JQuery

时间:2016-08-02 16:58:04      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

  • 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链

JQuery 实践--扩展JQuery

标签:

原文地址:http://www.cnblogs.com/ahMay/p/5729603.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!