jquery 面向对象写法
2015-07-17 10:56
477 查看
C语言是面向过程的编程思想,C++是面向对象的编程思想。但是这也不妨碍C使用面向对象的方法编程。这里C不是重点,就不说了。
这里要说一下jquery--javascript的一个最好的库,没有之一。从最初的2000多行发展到现在的上万行,极大丰富了JavaScript的操作方式。
第一次看jquery源码时,可以说是感觉无法看下去,各种设计模式,正则表达式,看的想把源码删了。不过,最终还是得看。。。。
jquery里面最让人难以捉摸的就是prototype了,这个是原型的意思。返回的是对象原型的引用。
jquery面向对象的一种写法:
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script type="text/javascript">
function Test(age){
this.age = age;
}
Test.P = 6;
Test.prototype.Chengfa = function(){
return Test.P*this.age;
};
var c = new Test(6);
alert(c.Chengfa());
</script>
运行一下看看结果。
我比较喜欢下面这个写法:
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script type="text/javascript">
var Test={
"P": 60,
"Chengfa":function(t){
return t*this.P;
}
};
alert(Test.Chengfa(5));
</script>
这里要说一下jquery--javascript的一个最好的库,没有之一。从最初的2000多行发展到现在的上万行,极大丰富了JavaScript的操作方式。
第一次看jquery源码时,可以说是感觉无法看下去,各种设计模式,正则表达式,看的想把源码删了。不过,最终还是得看。。。。
jquery里面最让人难以捉摸的就是prototype了,这个是原型的意思。返回的是对象原型的引用。
jquery面向对象的一种写法:
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script type="text/javascript">
function Test(age){
this.age = age;
}
Test.P = 6;
Test.prototype.Chengfa = function(){
return Test.P*this.age;
};
var c = new Test(6);
alert(c.Chengfa());
</script>
运行一下看看结果。
我比较喜欢下面这个写法:
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script type="text/javascript">
var Test={
"P": 60,
"Chengfa":function(t){
return t*this.P;
}
};
alert(Test.Chengfa(5));
</script>
相关文章推荐
- 浅谈jQuery的offset()方法及示例分享
- jQuery实现径向动画菜单效果
- jquery合并表格中相同文本的相邻单元格
- jquery实现根据浏览器窗口大小自动缩放图片的方法
- 在JQuery中,AJAX有三种实现方式:$.ajax() , $.post , $.get()
- JQuery Camera.js幻灯片插件
- 基于jQuery左右滑动切换特效
- jquery validate自定义错误消息的显示方式
- jquery实现根据浏览器窗口大小自动缩放图片的方法
- jquery合并表格中相同文本的相邻单元格
- jQuery实现径向动画菜单效果
- 浅谈jQuery的offset()方法及示例分享
- 动态加载jQuery的两种方法实例分析
- Jquery 获得输入框文件名和后缀名
- Jquery图片轮播
- jQuery的事件委托实例分析
- jquery获取表单数据无刷新提交
- JQuery JSONP跨域 初识(一)
- JQuery 动态提交form
- jQuery——表单异步提交