首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jquery插件(转载)

今天我们来讨论下jquery插件机制,jquery有着成千上万的第三方插件,有时我们写好了一个独立的功能,也想将其与jquery结合起来,可以用jquery链式调用,这就要扩展jquery,写成插件形式了...接下来我们一步步来解析上面的代码。 一、jquery插件机制 为了方便用户创建插件jquery提供了jQuery.extend()和jQuery.fn.extend()方法。...jQuery.fn.extend(object)扩展 jQuery 元素集来提供新的方法(通常用来制作插件)。 首先我们来看fn 是什么东西呢。查看jQuery代码,就不难发现。...调用代码如下: $(function () { $("p").highLight(); //调用自定义 高亮插件 }); 这里只能 直接调用,不能链式调用。...(其实很简单,就是执行完我们插件代码的时候将jQuery对像return 出来,和上面的代码没啥区别) View Code 4.暴露公共方法 给别人来扩展你的插件(如果有需求的话) 比如的高亮插件有一个

2.1K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jquery怎么才能速度最快?(转…

    使用最新版本的jQuery jQuery的版本更新很快,你应该总是使用最新的版本。因为新版本会改进性能,还有很多新功能。 下面就来看看,不同版本的jQuery性能差异有多大。...不要过度使用jquery jQuery速度再快,也无法与原生的javascript方法相比。所以有原生方法可以使用的场合,尽量避免使用jQuery。...请看下面的例子,为a元素绑定一个处理点击事件的函数:   $('a').click(function(){     alert($(this).attr('id'));   }); 这段代码的意思是...尽量少生成jquery对象 每当你使用一次选择器(比如$('#id')),就会生成一个jQuery对象。jQuery对象是一个很庞大的对象,带有很多属性和方法,会占用不少资源。...所以,尽量少生成jQuery对象。 举例来说,许多jQuery方法都有两个版本,一个是供jQuery对象使用的版本,另一个是供jQuery函数使用的版本。

    1.6K30

    使用jquery-easyui的CRUD插件(1)

    插件先看看jqeury的插件如何,先了解一下如何插件代码jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。...这样的好处是,我们在jQuery插件时,也可以使用$这个别名,而不会与prototype引起冲突. 2.1 在JQuery名称空间下申明一个名字 这是一个单一插件的脚本。.... }; 我们的插件通过这样被调用: $('#myDiv').hilight(); 但是如果我们需要分解我们的实现代码为多个函数该怎么办?...,结果它设置蓝色的前景色: $('#myDiv').hilight(); 如你所见,我们允许使用者一行代码插件的默认前景色。...查看jQuery代码,就不难发现。

    96490

    jQuery 插件

    注意:这些插件也是依赖于jQuery来完成的,所以必须要先引入jQuery文件,因此也称为 jQuery 插件。...jQuery 插件常用的网站: jQuery 插件库 http://www.jq22.com/ jQuery 之家 http://www.htmleaf.com/ jQuery 插件使用步骤:...(jQuery 文件 和 插件文件) 复制相关html、css、js (调用插件)。 1. 瀑布流插件 我们学习的第一个插件jQuery之家的开源插件,瀑布流。...我们将重点详细讲解,从找到插件所在网页,然后点击下载代码,到插件的使用等,后面的插件使用可参考瀑布流插件的使用。 下载位置 ? 代码演示 插件的使用三点: 1....-- 下面的样式代码为页面布局,可以引入,也可以自己,自己设计页面样式,一般为直接引入,方便 -->  #gallery-wrapper {

    6.7K20
    领券