让jquery构造出类

最近用到jquery的自动完成插件感觉很不爽就想自己写个可我对jquery可以说认识的少之又少从哪里开始了解都不知道忽然想到jquery好像可以像C#一样实例化对象然后就是对对象的操作如果我按C#的思路写插件不就简单了？还听说jquery就是按C#的习惯开发的于是在网上找了点jquery的资料看了下归纳如下这些资料只能说让一些不认识jquery的人了解jquery 深入的我也说不出来......

例子:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>让jquery构造出类</title>

//定义个一MyFunction类在function中可以说是它的构造函数

var MyFunction = function(name) {

this.Name = name;

this.getName = function() {

return "function name is " + this.Name;

};

}

MyFunction.Author = "S.S."; //定义一个静态属性Author

MyFunction.getAuthor = function() { //定义一个静态方法

return MyFunction.Author;

};

MyFunction.prototype = { //为MyFunction扩展方法(扩展了一个属性Time和一个方法getTime)感觉有点像继承

Time: "2009-04-03 13:16",

getTime: function() {

return this.Time;

}

};

MyFunction.prototype.blog = "http://shirley_gx.blog.163.com"; //为MyFunction扩展一个属性blog

alert(MyFunction.getAuthor());

var myInstance1 = new MyFunction("123");

var myInstance2 = new MyFunction("456");

alert(myInstance1.getName());

alert(myInstance2.getName());

myInstance1.Time = new Date();

alert(myInstance1.mail);

alert(myInstance1.getTime());

</script>

</head>

<body>

</body>

</html>

以上运行看看并对照最后几行的输出不难发现jquery和C#语言类似静态的只能用类名访问不能用初始化的对象来访问，它也能改它的成员值

最后

MyFunction.Author = "S.S."; //定义一个静态属性Author

MyFunction.getAuthor = function() { //定义一个静态方法

return MyFunction.Author;

};

这段代码等价与下面的代码

// 实现继承的方法；

MyFunction.extend = function(o, p) {

if (!p) { p = o; o = this; }

for (var i in p) o[i] = p[i];

return o;

};

// 对MyFunction进行扩展；

MyFunction.extend({

Author: "S.S.",

getAuthor: function(i) {

return MyFunction.Author;

}

});

以上是我对jquery认知的一些小小的成果.........-_-!

转载于:https://www.cnblogs.com/shirleygx/archive/2009/04/03/1602538.html

让jquery构造出类相关推荐

关于jQuery对象（类数组对象）以及DOM对象相互转化问题——[object Object]和[object HTMLInputElement]
之前在某官网课程上看有关jQuery和bootstrap的相关教程,有一节课是教我们如何制作价格菜单的按钮以及总价问题选中按钮,按钮样式会发生变化,右上角价格会自动运算 6个菜单的html结构差不多 ...
jQuery+CSS五类验证码（字母、数字、滑动、点击）
用到了js插件 <!DOCTYPE html> <html><head><meta charset="utf-8" /><li ...
JQuery中的类选择器
类选择器类选择器,顾名思义,通过class样式类名来获取节点使用方式为$( ".class" ) 类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选同样的j ...
jquery访问css类,jQuery - 获取并设置 CSS 类
2017-09-16 摘抄自W3school-jQuery - 获取并设置 CSS 类希望帮助自己系统地打好基础,也能在做笔记的同时添加一些自己额外的收获. 通过 jQuery,可以很容易地对 CS ...
jQuery 学习-样式篇（七）：jQuery 控制元素类属性
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
jquery 身份证工具类插件
/*** @author [xiaoyi]* @date [2018-12-14 11:35:21]* @deprecated 身份证号工具类包含身份证号验证获取年龄获取性别获取出生日期* ...
Web前端线上系统课-01-HTML+CSS/08-结构伪类-图形-字体-字体图标-元素定位
结构伪类-图形-字体-字体图标-元素定位结构性伪类选择器 nth-child 父元素中的第n个子元素 nth-child(n) <!DOCTYPE html> <html lang ...
表单验证Jquery扩展方法类
/** 表单数据验证 **/ $.fn.Validform = function () {var Validatemsg = "";var Validateflag = true; ...
css-结构伪类选择器
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

让jquery构造出类

让jquery构造出类相关推荐

最新文章

热门文章