文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>JQuery学习笔记(三) 数据存储 插件机制 多库共存

JQuery学习笔记(三) 数据存储 插件机制 多库共存

时间:2010-12-08  来源:菜鸟吃虫,虫吃菜

               数据存储是指通过name,value往jquery对象上附上某些自定义的建值对应属性,

               var jButton=$("input:button");

                jButton.data("att","大家好!");               //附加特有属性   "大家好"
                alert(jButton.data("att"));       //大家好!
                jButton.data("att","首长好!");               //修改att属性  "首长好"
                alert(jButton.data("att"));       //首长好!
                jButton.removeData("att");                    //移出att属性

                alert(jButton.data("att"));    // undefind

               一、 data(name,value) 

                      在jquery上存放数据

                      name:   属性名

                      value:    属性值

                       返回值:   API上说是返回value,但是测试后发现时jquery对象(this)本身

               二、data(name)

                      name:属性名 

                      返回值:    返回对应的数据

                三、removeData(name)

                      name:属性名

                      返回值:jquery对象(this)本身

           插件机制

               插件机制其实是符合面向接口编程的,我提供extend这么个接口,你可以任意扩展此接口

                    jquery.extend(callback)     

                    jquery.fn.extend(callback) 

                    要区分两者的区别其实也不难,首先要明白两点:

                     一、(extend)js本身是没有类的概念的,万物皆对象(区分于面向对象中的万物皆对象),他说的是JS里,我们所谓的类(function class()),其实就是对象,因此我们可以  class.showname=function(){alert();}这样来给对象加属性,   此属性是类对象的属性,不为类的实例对象服务,其相当于jquery.extend(callback)等价于jquery.callback=function callback(){}

                          因此相当于类静态方法,只有类可以调用

                     二、(fn.extend)原型(prototype)

                          function People(){};     //在这里他即为类,也为对象

                          var p1=new People();  

                          var p2=new People();

                          People.showname=function(){alert("我是静态方法")};    //这个是为People对象服务的

                          People.prototype.showname=function(){"我是动态方法"};  //这个是为People类服务的,所以后面的类实例都调用此

                          p1.showname();

                    

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载