首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jquery插件与扩展

    缘起 要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统。这好比大公司们争相做平台一样,得平台者得天下。...jQuery插件开发模式 jQuery插件开发方式主要有三种: 通过$.extend()来扩展jQuery$.extend({ sayHello: function(name) {...通过$.fn 向jQuery添加新的方法 通过$.widget()应用jQuery UI的部件工厂方式创建通过$.extend()来扩展jQuery 比如我们将页面上所有链接颜色转成红色,则可以这样写这个插件... JS $(function(){ $('a').myPlugin(); }) 运行这个代码就可以使得相应的a标签变色 [image.png] 到此,你已经可以编写功能简单的...'color': '#2C9929', 'fontSize': '20px' }); }) [image.png] 指定文字带下划线(我们在Beautifier对象中新加的功能

    2.3K30

    基础 | 详细图解jQuery对象,以及如何扩展jQuery插件

    也就是说,当我们通过jQuery.extend扩展jQuery时,方法被添加到了jQuery构造函数中,而当我们通过jQuery.fn.extend扩展jQuery时,方法被添加到了jQuery原型中。...上面的例子中,我也简单展示了在jQuery内部,许多方法的实现都是通过这两个扩展方法来完成的。...而在实现jQuery扩展方法的想法中,一部分方法需要扩展到jQuery构造函数中,一部分方法需要扩展到原型中,当我们通读jQuery源码,还发现有一些方法放在了模块作用域中,至于为什么会有这样的区别,建议大家回过头去读读前一篇文章...而工具方法的特性也和工具一词非常贴近,他们与实例的自身属性毫无关联,仅仅只是实现一些通用的功能,我们可以通过$.each与$('div').each这2个方法来体会工具方法与实例方法的不同之处。...在前面我跟大家分享了jQuery如何实现,以及他们的方法如何扩展,并且前一篇文章分享了拖拽对象的具体实现。

    67320
    领券