返回顶部
首页 > 资讯 > 前端开发 > JavaScript >Jquery定义对象(闭包)与扩展对象成员的方法
  • 822
分享到

Jquery定义对象(闭包)与扩展对象成员的方法

2024-04-02 19:04:59 822人浏览 薄情痞子
摘要

一、添加对象的静态属性和静态方法: 声明一个对象MyObject,添加一个b的静态属性和myclick的静态方法。 (function ($) { MyObject = fu

一、添加对象的静态属性和静态方法:

声明一个对象MyObject,添加一个b的静态属性和myclick的静态方法。

(function ($) {
    MyObject = function () { };//定义对象
    $.extend(MyObject,
             { b: 5 },
             { myclick: function () { alert("c") } }
            );
})(Jquery);

//调用:
alert(MyObject.b);
MyObject.myclick();

二、添加对象的实例属性和实例方法

声明一个对象MyObject,添加一个a的实例属性和myclick的实例方法。

(function ($) {
    MyObject= function (name) {//定义类
        this.a = "abc";
        this.init(name);//相当于一构造函数,调用init方法
    };
    $.extend(MyObject.prototype, 
                {a:””,//属性
                 init:function(name){this.a=name},
                 myclick: function () { alert(this.a); }}
                );
})(jQuery);

//调用:实例化
var obj = new MyObject(“test1”)
obj.myclick();

备注:其中MyObject对象 可为任意名称。

三、循环访问对象的每个成员

for(var temp in obj){
  result+=temp+”:”+obj[temp];
}

四、定义单一模式的对象

定义类:

MyClass=function(opt){
    this.a=5;
    this.b=6;
    $.extend(this,opt);
}

定义一个普通对象:

var Myobject=new Myclass({a:7;c:b});

定义一个单一模式的对象:

_MyObject=null;
Myobject=function(opt){
    if(_MyObject==null){
        _MyObject=new MyClass(opt);
    }
    return _MyObject;
}

//调用:
var instance=Myobject({a:7;c:b});

五、给jQuery对象添加自定义方法

方法一、$.fn.xxx

$.fn.focusEnd = function(){
            this.setCursorPosition(this.val().length);
 }

调用:

$('.num').click(function(){
  $('.num').focusEnd();
});

方法二:$.fn.extend(xxx:);

$.fn.extend({
    fnClassToggle:function(options){
    var defaults={hoverClass:"default",...};
    var settings=$.extend({},defaults,options||{});
    $(this).each(function(i,n){
        var c1=settings.hoverClass;
        if(c1){
            $(n).hover(function(){$(this).addClass(c1);},
                       function(){$(this).addClass(c1);});
        }
    });
    }
});

调用:

$(".box").fnClassToggle({hoverClass:"hover"});

到此这篇关于Jquery定义对象( 闭包)与扩展对象成员的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: Jquery定义对象(闭包)与扩展对象成员的方法

本文链接: https://lsjlt.com/news/150279.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Jquery定义对象(闭包)与扩展对象成员的方法
    一、添加对象的静态属性和静态方法: 声明一个对象MyObject,添加一个b的静态属性和myclick的静态方法。 (function ($) { MyObject = fu...
    99+
    2024-04-02
  • C++ 成员函数详解:对象方法的定义与调用机制
    成员函数是定义在类中的函数,用于操作类数据和执行任务。其定义语法为:定义成员函数:return_type class_name::function_name(parameters)调用成...
    99+
    2024-04-29
    c++ 成员函数
  • jQuery中如何使用$.extend方法来扩展JSON对象
    这篇文章给大家分享的是有关jQuery中如何使用$.extend方法来扩展JSON对象的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。$.extend方法可以扩展JSON对象,用一...
    99+
    2024-04-02
  • JavaScript对象扩展方法的用法详解
    目录name 属性属性的遍历super关键字Object.is()Object.assign()Object.getOwnPropertyDescriptors()Object.se...
    99+
    2022-11-13
    JavaScript对象扩展 JavaScript对象方法及其扩展
  • C++ 成员函数详解:对象方法的未来发展与趋势
    c++++ 成员函数推动了对象方法的未来发展,趋势包括:1. 指针和引用成员函数提高灵活性;2. lambda 表达式提供简洁的内联成员函数;3. 泛型成员函数提升可重用性;4. 尾递归...
    99+
    2024-04-30
    c++ 成员函数
  • java中对象怎么调用成员变量与成员方法
    使用对象访问类中的成员:对象名.成员变量; 对象名.成员方法();成员变量的默认值:(免费学习视频教程分享:java视频教程)具体实例代码:public class StudentTest_01 { public static vo...
    99+
    2021-07-14
    java基础 java 对象 调用 成员变量 成员方法
  • JavaScript定义对象数组的方法
    这篇文章主要介绍“JavaScript定义对象数组的方法”,在日常操作中,相信很多人在JavaScript定义对象数组的方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Ja...
    99+
    2024-04-02
  • python对象方法怎么定义
    这篇文章主要讲解了“python对象方法怎么定义”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“python对象方法怎么定义”吧!概念在类中,对象调用的函数称为对象方法,一般也称为方法。定义格...
    99+
    2023-06-30
  • 类与对象的绑定方法
    目录 类与对象的绑定方法 类的绑定对象 对象的绑定方法 class OldboyStudent: school ...
    99+
    2023-01-31
    绑定 对象 方法
  • ES6的内置对象扩展方法怎么用
    本篇内容主要讲解“ES6的内置对象扩展方法怎么用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“ES6的内置对象扩展方法怎么用”吧!Array的扩展方法1.扩展运算符(展开语法)扩展运算符可以将数...
    99+
    2023-07-02
  • java的预定义Class对象的方法
    今天小编给大家分享的是java的预定义Class对象的方法,相信很多人都不太了解,为了让大家更加了解,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。基本的 Java 类型(boolean、byte、char、short、int...
    99+
    2023-07-06
  • javascript对象的定义方法是什么
    小编给大家分享一下javascript对象的定义方法是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!javascript对象的定义方法:1、工厂方式;2、构造...
    99+
    2023-06-14
  • JavaScript 自定义对象方法汇总
    目录一使用object创建对象二使用构造函数创建对象三字面量创建对象四this关键字this表示当前对象五基本数据类型和引用数据类型基本数据类型引用数据类型六闭包如何理解闭包?闭包的...
    99+
    2024-04-02
  • java对类对象成员的初始化方法是什么
    Java对类对象成员的初始化方法是通过构造方法来实现的。构造方法是一个特殊的方法,用于创建对象并对成员变量进行初始化。在Java中,...
    99+
    2023-09-09
    java
  • JAVA对象创建与对象克隆的方法
    这篇文章主要介绍了JAVA对象创建与对象克隆的方法的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JAVA对象创建与对象克隆的方法文章都会有所收获,下面我们一起来看看吧。一、对象的4种创建方式new 创建反射克隆...
    99+
    2023-06-29
  • php访问对象中的成员的实例方法
    对象是由成员属性和成员方法构成的,想要访问对象成员的话,实际上有点像访问数组中的元素,既然有点像的话,通过对象的引用来访问对象的成员,还需要使用一个特殊的运算符号->来完成对象...
    99+
    2024-04-02
  • javascript中对象定义的方法是什么
    本篇内容介绍了“javascript中对象定义的方法是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • php面向对象中类的定义方法
    这篇文章主要介绍php面向对象中类的定义方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!php的框架有哪些php的框架:1、Laravel,Laravel是一款免费并且开源的PHP应用框架。2、Phalcon,Ph...
    99+
    2023-06-14
  • Java对象数组定义与用法详解
    Java对象数组是一种用于存储多个相同类型的对象的数据结构。它可以按照一定的顺序存储和访问对象,并且可以根据需要进行动态调整大小。要定义一个对象数组,可以使用以下语法:```ClassName[] arrayName = new Cla...
    99+
    2023-08-09
    Java
  • C++ 成员函数详解:对象方法的语法与风格指南
    c++++成员函数允许将代码与封装对象关联,实现特定对象的行为和交互。其语法为:return_type class_name::function_name(parameter_list)...
    99+
    2024-04-29
    c++ 成员函数
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作