jquery 相关经验

在利用jquery 传递json数据时 用$.ajax 方法一定要写参数 dateType:'json'  还有一个要注意的，取数据对象为数组是变量要加上类型：

例如 var a = data.contents 不能写成 a=data.contents 否则在IE下会找不到对象定义

在遍历数组时用 for(i in obj) 引用时用 obj[i]['param']

2. jquery 插件formValidator 试用于表单提交

   1. 在对文本框进行ajax验证的时候，对于中文字符，插件是进行了编码的，所以在服务端进行接收的时候要进行转码(urldecode),同时还要修改插件的 formValidator 序列化方法，将JS编码改成如下     var value = encodeURIComponent(data.substr(li_pos+1));

  2. 在所有验证成功后，如果需要AJAX返回接收数据，需要在初始化方法中加 ajaxForm: 方法 ,同时要修改ajaxForm 方法将 alert 注释掉

   例: $.formValidator.initConfig({formID:"form1",theme:"ArrowSolidBox",submitOnce:true,
        onError:function(msg,obj,errorlist){},
        ajaxForm:{
            dataType : "json",
            async:true,
            buttons:$("#input2"),
            url: "index.php",
            success:function(data){
                art.dialog({content:data.info,time:1});
                if(data.status==1){
                    location.href='';
                }
            }
        },
        ajaxPrompt : '有数据正在异步验证，请稍等...'
    });

  插件下载地址: 点击打开链接

3. artDialog 弹出框插件

  此插件用于各种形式的弹出框，也比较好用，支持换肤,下载地址： 点击打开链接

4. blockUI

　blockui插件主要使用blockUI和unblockUI两个方法来控制弹出层的显示或者隐藏，可以在blockUI方法中指定一些参数，来控制弹出层显示的内容，大小，位置等。blockUI方法的常用的参数有：message,css,overlayCSS,showOverlay。

　　message：主要用来设置要显示的内容，可以直接设置为一段文字，html代码或者使用jquery获取页面上隐藏的div。

　　css：主要用来设置弹出层的样式，包括弹出层的位置，大小，边框等。

　　overlayCSS：主要用来设置遮罩层的样式，包括背景色，透明度等。

　　showOverlay：主要用来设置是否显示遮罩层，如果要隐藏遮罩层可以设置为false。

      例:

 $.blockUI({
        message: $("#loginForm"),
        css: {
            width: '300px',
            height: '300px',
            left: ($(window).width() - 300) / 2 + 'px',
            top: ($(window).height() - 300) / 2 + 'px',
            border: 'none'
        }
    });

 

   5. 时间控件: My97DatePicker 点击打开链接

 6. 8款JQUERY 幻灯片插件示例:  http://www.cnblogs.com/lhb25/archive/2012/01/31/8-responsive-jquery-slider-plugins.html

7. 对于JS注释问题： // 注释前边一定要加个空格  如果在判断条件

if(){

}else{//注释 （不正确）

}

这样会提示找不到方法的