jQuery 的function简单备注

(function(arg){....})(param);定义了一个参数为【arg】的匿名函数,并将param作为参数调用调用这个匿名函数

(function($){....})(jQuery); 定义了一个参数为$[表示jQuery对象]的匿名函数,并将jQuery引用做为调用该匿名函数的参数。

jQuery(function(){ }); 全写为 jQuery(document).ready(function(){ });意义为在DOM加载完毕后执行了ready()方法。

(function(){ })(jQuery); 其实际上是执行()(para)匿名方法,只不过是传递了jQuery对象。 

jQuery(function(){ });用于存放操作DOM对象的代码,执行其中代码时DOM对象已存在。不可用于存放开发插件的代码,
       因为jQuery对象没有得到传递,外部通过jQuery.method也调用不了其中的方法(函数)。 

(function(){ })(jQuery);用于存放开发插件的代码,执行其中代码时DOM不一定存在,所以直接自动执行DOM操作的代码 请小心使用


jQuery.fn = jQuery.prototype ={ 
   init: function( selector, context ){//....  
   //...... 
}; 


$(function(){    
var myLayout =$("body").layout(    
{       
    applyDefaultStyles: true,//应用默认样式    
    scrollToBookmarkOnLoad:false,//页加载时滚动到标签    
    showOverflowOnHover:false,//鼠标移过显示被隐藏的,只在禁用滚动条时用。    
    north__closable:false,//可以被关闭    
    north__resizable:false,//可以改变大小    
    north__size:50,//pane的大小    
    spacing_open:8,//边框的间隙    
    spacing_closed:60,//关闭时边框的间隙    
    resizerTip:"可调整大小",//鼠标移到边框时,提示语    
    //resizerCursor:"resize-p" 鼠标移上的指针样式    
    resizerDragOpacity:0.9,//调整大小边框移动时的透明度    
    maskIframesOnResize:"#ifa",//在改变大小的时候,标记iframe(未通过测试)    
    sliderTip:"显示/隐藏侧边栏",//在某个Pane隐藏后,当鼠标移到边框上显示的提示语。    
    sliderCursor:"pointer",//在某个Pane隐藏后,当鼠标移到边框上时的指针样式。    
    slideTrigger_open:"dblclick",//在某个Pane隐藏后,鼠标触发其显示的事件。(click", "dblclick", "mouseover)    
    slideTrigger_close:"click",//在某个Pane隐藏后,鼠标触发其关闭的事件。("click", "mouseout")    
    togglerTip_open:"关闭",//pane打开时,当鼠标移动到边框上按钮上,显示的提示语    
    togglerTip_closed:"打开",//pane关闭时,当鼠标移动到边框上按钮上,显示的提示语    
    togglerLength_open:100,//pane打开时,边框按钮的长度    
    togglerLength_closed:200,//pane关闭时,边框按钮的长度    
    hideTogglerOnSlide:true,//在边框上隐藏打开/关闭按钮(测试未通过)    
    togglerAlign_open:"left",//pane打开时,边框按钮显示的位置    
    togglerAlign_closed:"right",//pane关闭时,边框按钮显示的位置    
    togglerContent_open:"<div style='background:red'>AAA</div>",//pane打开时,边框按钮中需要显示的内容可以是符号"<"等。需要加入默认css样式.ui-layout-toggler .content     
    togglerContent_closed:"<img/>",//pane关闭时,同上。    
    enableCursorHotkey:true,//启用快捷键CTRL或shift + 上下左右。    
    customHotkeyModifier:"shift",//自定义快捷键控制键("CTRL", "SHIFT", "CTRL+SHIFT"),不能使用alt    
    south__customHotkey:"shift+0",//自定义快捷键(测试未通过)    
    fxName:"drop",//打开关闭的动画效果    
    fxSpeed:"slow",//动画速度    
    //fxSettings: { duration: 500, easing: "bounceInOut" }//自定义动画设置(未通过测试)    
    //initClosed:true,//初始时,所有pane关闭    
    //initHidden:true //初始时,所有pane隐藏    
    onresize :ons,//调整大小时调用的函数    
    onshow_start:start,    
    onshow_end:end    
    /*  
    其他回调函数  
      
    显示时调用  
    onshow = ""  
    onshow_start = ""   
    onshow_end = ""   
    隐藏时调用  
    onhide = ""   
    onhide_start = ""   
    onhide_end = ""   
    打开时调用  
    onopen = ""   
    onopen_start = ""   
    onopen_end = ""   
    关闭时调用  
    onclose = ""   
    onclose_start = ""   
    onclose_end = ""   
    改变大小时调用  
    onresize = ""   
    onresize_start = ""   
    onresize_end = ""   
    */    
}    
);    
  
  
});    


ComboBox的应用:

       
	$("#sysId").ComboBox({
	    url:basePath+'URI',
            id:code,
            text:name,
	    heigth:"100px",
	    description:"==请选择=="
	});
        $("#sysId").bind("change",function(){
           sysId=$(this).attr("data-value");
           if(sysId=" "){
             sysId=0;
            }
           getTree(sysId);
           getGrid();
     


         })

  

posted @ 2017-05-26 09:13  夜西门吹雪孤城花满楼  阅读(233)  评论(0编辑  收藏  举报