jQuery 对象封装

原生js 封装

function Person (info){
    this._init_(info);
}
 
Pserson.prototype = {
    constructor : Person,
    _init_ : function(info) {
        this.name = info.name;
        this.age = info.age;
        this.sex = info.sex;
    }
    sayHello:function(){
        console.log('hello');
    }
}

jQuery 对象封装

var Person = (function(window) {
        var Person = function(name) {
            return new Person.fn.init(name);
        }
 
        Person.fn = Person.prototype = {
            constructor: Person,
            init: function(name) {
                this.name = name;
                this.sayHello = function() {
                    this.makeArray();
                }
            },
            makeArray: function() {
                console.log(this.name);
            }
        }
 
        Person.fn.init.prototype = Person.fn;
 
        return Person;
    })();
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery中,我们可以使用$.extend()方法来扩展已经存在的组件,也可以自定义自己的组件。首先,我们需要定义一个新的函数,比如MyJsControl,然后使用$.extend()方法将它扩展到jQuery对象上。例如,我们可以这样定义一个MyJsControl组件: ```javascript $.extend({ MyJsControl: function(options) { // 在这里编写你的组件逻辑 } }); ``` 然后,我们就可以在代码中使用$("#id").MyJsControl({})来调用我们自定义的组件了。在MyJsControl函数中,你可以根据需求编写你的组件逻辑,比如操作DOM元素、绑定事件等。通过这种方式,我们可以方便地扩展和封装自己的组件。\[1\] 另外,你提到了手写jQuery 9.0.0版本的代码。在这段代码中,作者通过自定义的jQuery函数来创建jQuery对象,并定义了一些常用的方法,比如click()和toggle()。通过给jQuery.fn对象添加方法,我们可以在jQuery对象上调用这些方法。同时,作者还实现了一个DOMContententLoaded事件的监听函数,用于在DOM加载完成后执行相应的回调函数。最后,通过将jQuery函数赋值给全局的$和jQuery变量,我们可以在全局范围内使用$或jQuery来访问jQuery对象。\[2\]\[3\] #### 引用[.reference_title] - *1* [JS组件系列——封装自己的JS组件,你也可以](https://blog.csdn.net/weixin_33905756/article/details/85795799)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [jquery封装](https://blog.csdn.net/Lin_25937/article/details/128010813)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值