关于jquery定义对象的一种写法！

最新推荐文章于 2020-10-16 09:14:46 发布

考拉之爱

最新推荐文章于 2020-10-16 09:14:46 发布

阅读量1.3w

点赞数

CC 4.0 BY-SA版权

分类专栏：页面前端

本文链接：https://blog.youkuaiyun.com/frank_wu/article/details/48145821

页面前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个基于jQuery的自定义插件，该插件用于创建一个数据选择框，通过初始化控件和定义方法来实现数据的检索与展示功能。点击按钮将触发对话框，显示指定URL的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对象的定义：
var boxLookup = {
        returnId:"",//返回数据窗口的id
        nameStr:"", //返回时调用input
        target:"navTab", //打开前的窗口
        url:"", //打开调用的url
        checkUrl:"",//返回前调用的url
        title:""//打开窗口的名称
    };

初始化控件
$.fn.extend({
    lookupBox: function(){
        var $this = $(this);
        boxLookup.target = $this.attr("target");
        boxLookup.returnId = $this.attr("returnId");//返回的id
        boxLookup.url = $this.attr("url");
        boxLookup.title=$this.attr("title");
        boxLookup.checkUrl=$this.attr("checkUrl");
        boxLookup.nameStr=$this.attr("nameStr");
        $this.click(function(){
            if($this.href==""||$this.href=="#"){return false;}
            $.pdialog.open(boxLookup.url, "searchColdBox",boxLookup.title, {width:800,height:600,mask:true});
        });
    }
});
把指定的控件比方一个按钮，obj.lookupBox();这样就成功初始化，其中click方法也在其中

定义一个方法
$.extend({
    lookupBoxBring:function(boxId,obj,values){//boxId 冰柜； obj 冰柜的这个页面对象 ; 和nameStr对应起来的值,nameStr是一个，就返回一个，是多个用,分开
        var $name = obj.children().eq(1);
        var $date = obj.children().eq(2);
    },
    showMsg:function(msg){
    alert("---");
    }
});
方法与方法之间用,分隔，
调用的话采用$.lookupBoxBring(1,obj,2);