返回值:jQueryjQuery.sub()

V1.5概述

可创建一个新的jQuery副本,不影响原有的jQuery对像。

有两个具体使用jQuery.sub()创建案例。首先是提供完全没有破坏jQuery原有一切的方法,另一个用于帮助做jQuery插件封装和基本命名空间。

请注意,jQuery.sub()不会做任何特殊的隔离 - 这不是它的意图。所有关于jQuery的sub'd版本的方法将仍然指向原来的jQuery。(绑定和触发仍将通过主jQuery的事件,数据将通过主绑定的元素的jQuery,Ajax的查询和活动将通过主jQuery的运行,等等)。

请注意,如果你正在寻找使用这个开发插件,应首先认真考虑使用一些类似jQuery UI widget工厂,这两个状态和插件管理子方法。 使用jQuery UI widget的一些例子建立一个插件。

这种方法的具体使用情况下可以通过一些例子最好的描述。

该方法是在jQuery 1.5中引入的,但是被证明不是很有用,将被移到jQuery 1.9兼容性插件中。

示例

描述:

添加一个jQuery的方法,以便它不会受到外部分:

jQuery 代码:
(function(){
    var sub$ = jQuery.sub();

    sub$.fn.myCustomMethod = function(){
      return 'just for me';
    };

    sub$(document).ready(function() {
      sub$('body').myCustomMethod() // 'just for me'
    });
  })();
  
  typeof jQuery('body').myCustomMethod // undefined

描述:

改写一些jQuery的方法,以提供新的功能。

jQuery 代码:
(function() {
  var myjQuery = jQuery.sub();

  myjQuery.fn.remove = function() {
    // New functionality: Trigger a remove event
    this.trigger("remove");

    // Be sure to call the original jQuery remove method
    return jQuery.fn.remove.apply( this, arguments );
  };

  myjQuery(function($) {
    $(".menu").click(function() {
      $(this).find(".submenu").remove();
    });

    // A new remove event is now triggered from this copy of jQuery
    $(document).bind("remove", function(e) {
      $(e.target).parent().hide();
    });
  });
})();

// Regular jQuery doesn't trigger a remove event when removing an element
// This functionality is only contained within the modified 'myjQuery'.

描述:

创建一个插件,它返回插件的具体办法。

jQuery 代码:
(function() {
  // Create a new copy of jQuery using sub()
  var plugin = jQuery.sub();

  // Extend that copy with the new plugin methods
  plugin.fn.extend({
    open: function() {
      return this.show();
    },
    close: function() {
      return this.hide();
    }
  });

  // Add our plugin to the original jQuery
  jQuery.fn.myplugin = function() {
    this.addClass("plugin");

    // Make sure our plugin returns our special plugin version of jQuery
    return plugin( this );
  };
})();

$(document).ready(function() {
  // Call the plugin, open method now exists
  $('#main').myplugin().open();

  // Note: Calling just $("#main").open() won't work as open doesn't exist!
});
12个常用的jQuery代码片段

在《锋利的jQuery》中整理的几个现在还常用的jQuery代码片段。1.禁用页面,禁用页面的右键菜单//禁用右键菜单$(document)...4月23日

jQuery选择器Sizzle原理分析(下)

的jQuery还记得吗?拥有号称当时业界最快的DOM选择器Sizzle,那么为什么他能自称是最快呢?让我们来分析一下Sizzle.js的源码,了解他的设计精妙之处...4月20日

10款强大的jQuery/HTML5应用新鲜出炉

今天我们来分享10款最新的jQuery和HTML5应用插件,都非常强大,一起来看看吧。1...5月11日

锋利的jQuery

本书循序渐进地对jQuery的各种函数和方法调用进行了介绍,读者可以系统地掌握jQuery的DOM操作、事件监听和动画、表单操作、AJAX以及插件方面等知识点...5月8日

前端基础进阶(十一):详细图解jQuery对象,以及如何扩展jQuery插件

大家都非常热衷于研究jQuery源码。我还记得当初从jQuery源码中学到一星半点应用技巧的时候常会有一种发自内心的惊叹,...4月2日

外媒速递:五款jQuery插件轻松实现树状视图

外媒速递是核子可乐精选的近日国外媒体的精彩文章推荐,希望大家喜欢!本期给大家推荐的是五款jQuery插件轻松实现树状视图...4月26日

jQuery动画下拉菜单 自定义菜单内容

这次我们要来分享一款jQuery菜单插件,这是一款jQuery动画下拉菜单,这款菜单的特点是下拉菜单项可以自定义内容,可以是图片和图文结合的内容,非常灵活...5月10日

jQuery与js常用方法对比

一)文档就绪jQuery实现$(document).ready(function(){//开始写jQuery代码...})...4月12日

jquery图片查看插件,支持旋转、放大、缩小、拖拽、缩略图(仿qq图片查看)

最近做了一个jquery图片查看的插件,目的是能精确查看图片的详情,插件支持图片旋转、放大、缩小、拖拽、缩略图显示...3月30日

ThinkPHP中使用jQuery实现多条件组合筛选

使用ThinkPHP编写多条件组合筛选不是特别好实现,最直接的方法就是使用js辅助。本案例使用的是jquery。这里要实现的功能如下:多组筛选分类相互不冲突...4月18日

拥有强大的选择器、出色的DOM操作、可靠的事件处理、完善的兼容性和链式操作等功能。二、加入jQueryjQuery简介由JohnResig创建于2006年1月的开源项目...5月7日

jQuery特效 | 导航底部横线跟随鼠标缓动

:jQuery来实现如下特效-在导航底部存在一条横线,跟随着鼠标缓动到相应导航项底部。2月初,接收到了公众号读者的效果需求,希望能够讲解这样一个实例:横排的导航...2月27日

炫酷实用 7款jQuery/HTML5图片应用

jQuery非常强大,我们这里有很多关于jQuery焦点图的插件,今天我们精选了7款利用jQuery和HTML5实现的超炫酷图片特效应用,有些也是焦点图插件...3月14日

前端每周清单:jQuery 3.2发布,滴滴采用Vue 2.0重构Web App、饿了么 PWA 实...

从属于笔者的Web前端入门与工程实践。更多阅读清单请转向往期索引。前端每周清单:前端每周清单:jQuery3.2发布,滴滴采用Vue2.0重构WebApp...3月20日

小白都会的 jQuery 小技巧(中),再来瞄一眼!

jQuery的小技巧,不管是平民,还是小仙,掌握了这些秘籍,相信你很快就会飞升上仙了,哈哈。检测浏览器注:在版本jQuery1.4中,$.support替换掉了$...3月4日

任何使用jQuery Mobile网站中都存在一个尚未修复的...

ardoVela在jQueryMobile框架中发现了一个安全漏洞,这个漏洞将会让所有使用了jQueryMobile的网站暴露于跨站脚本攻击风险之下。安全客小百科...2月16日

用jQuery Mobile做HTML5移动应用的三个优缺点和缺点

我一直在使用JQueryMobile为一个健身培训网站开发基于HTML5的手机/平板前端应用...2月13日

jQuery 源码系列(十七)css 相关操作

作也是jQuery比较常用的一个操作,就我本人而言,这个css函数用多了,感觉自己有点傻乎乎的,主要还是自己不了解js中css的真正含义。不过现在不怕了。开始之前...3月5日

全部展开 | 全部折叠 | jQuery API手册