分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

前端工程师-jQuery-理解$.extend()、$.fn.extend()、$.fn、

发布时间:2023-09-06 01:48责任编辑:熊小新关键词:jQuery前端前端工程师

以下是自己的理解,欢迎借鉴的小伙伴指正,谢谢谢谢 

1.jQuery.fn.extend(object):一般用来制作插件

官方解释:A jQuery plugin is simply a new method that we use to extend jQuery‘s prototype object. (一个我们用于扩展jquery原型对象的新的简单的jquery插件)

一看到扩展原型对象,那就明白了就是给jquery原型上添加方法,那么生成的jquery实例都可以通过原型链的规则,使用到这个方法

<script> ???????$(function() { ???????????$.fn.extend({ ???????????????min: function(a, b) { ???????????????????return a < b ? a : b; ???????????????}, ???????????????max: function(a, b) { ???????????????????return a > b ? a : b; ???????????????} ???????????}); ???????????console.log($.min(1, 2)); ???????????//报错:$.min is not a function ???????????console.log($("p").min(1, 2)); ???????????//1 ???????}); ???</script> ???????

2.jQuery.extend(object)

官方解释:扩展jQuery对象本身。用来在jQuery命名空间上增加新函数。

扩展对象本身的话,那么,实例是找不到这些方法的

<script> ???????$(function() { ???????????$.extend({ ???????????????min: function(a, b) { ???????????????????return a < b ? a : b; ???????????????}, ???????????????max: function(a, b) { ???????????????????return a > b ? a : b; ???????????????} ???????????}); ???????????console.log($.min(1, 2));     ?//1 ???????????console.log($("p").min(1, 2)); ???????????????????//报错:$(...).min is not a function }); 

3.jQuery.fn(object)

 为什么放在最后说呢,请大家借鉴这个小伙伴的分享,感谢这位小伙伴,借用一下你的地址,

http://caibaojian.com/jquery-extend-and-jquery-fn-extend.html

摘要:借鉴以上地址的,原版就戳那个地址

jQuery.fn = jQuery.prototype = {   init: function( selector, context ) {//….//……};
所以扩展方法的时候,要写在extend里面,不能把原型都改了呀,出大事

前端工程师-jQuery-理解$.extend()、$.fn.extend()、$.fn、

原文地址:https://www.cnblogs.com/nanshine/p/8778415.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved