javascript学习心得

原创 2016年08月29日 14:05:11

1.缓存,参考http://www.cnblogs.com/wuchangming/p/5068459.html

1)使用开源组件https://github.com/WQTeam/web-storage-cache

2)使用jquery.ajax.cache配置将同一接口的数据缓存

3)使用jquery.cache,$.data将数据缓存到js对象中

4)使用简单的localStorage或者cookie,注意cookie缓存的数据会在请求的时候同时提交给服务器


2.通用方法

单选框选中值,进行相应的隐藏和显示操作,如果选中了val值我希望显示id为spanId的span

function toggleSpanWithRadio(radioName, spanId, val) {
    if($("input[name='"+radioName+"']:checked").val() != val){
        $("#"+spanId).hide();
    }
    $("input[name='"+radioName+"']").on("change", function () {
        if($("input[name='"+radioName+"']:checked").val() != val){
            $("#"+spanId).hide();
        }else {
            $("#"+spanId).show();
        }
    })
}

复选框选中值,显示和隐藏相对应的span,valArray是一个json对象,比如{"1":"div1","2":"div2"},则说明复选框中value=1选中时显示div1,value=2选中时显示div2

singleVal的用法:假设checkboxes中有一个值为以上全无,在被选中的时候需要将其它的选中值全部清空

另外还有一个要改进的地方就是,在span被隐藏的时候应该要把里面的内容清空

function toggleSpanWithCheckBox(checkBoxName, valArray,singleVal) {
    $("input[name='"+checkBoxName+"']:checked").each(function(){
        if(valArray[$(this).val()]){
            $("#"+valArray[$(this).val()]).show();
        }
    });
    $("input[name='"+checkBoxName+"']").on("change", function () {
        if($(this).is(":checked")) {
            if (singleVal&&$(this).val() == singleVal) {//"1"==1 "1"!==1
                $("input[name='" + checkBoxName + "']").not($(this)).removeAttr("checked");
                for(v in valArray){
                    $("#"+valArray[v]).hide();
                }
            }else{
                $("input[name='" + checkBoxName + "'][value='"+singleVal+"']").removeAttr("checked");
                if(valArray[$(this).val()]){
                    $("#"+valArray[$(this).val()]).show();
                }
            }
        }else{
            if(valArray[$(this).val()]){
                $("#"+valArray[$(this).val()]).hide();
            }
        }
    });
}




版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

学习心得(C#,SQL,javascript,etc...

  • 2009年03月21日 14:10
  • 9.81MB
  • 下载

JavaScript学习心得(二)

JavaScript学习心得(二) JavaScript 中的字符串,JavaScript采用UTF-16编码的Unicode字符集,JavaScript字符...

JavaScript高级程序设计第3版学习心得(1)

语法 一、在html中加入JavaScript: 1.在html中嵌入JavaScript代码 if(1

javascript学习心得

一、前言 在过去,JavaScript只是被用来做一些简单的网页效果,比如表单验证、浮动广告等,所以那时候JavaScript并没有受到重视。自从AJAX开始流行后,人们发现利用JavaScript...

转型学习心得_javascript2

这一章着重讲了DOM,同时学习了javascript中的数个方法。事例将会在之后公布 *DOM 文档对象模型(Document Object Model) #Document Object Mod...

JavaScript学习心得(三)

JavaScript学习心得(三)

达内Java学习心得之易犯错误

  • 2015年11月03日 10:14
  • 81KB
  • 下载

建模学习心得

  • 2015年08月03日 17:20
  • 15KB
  • 下载

9.9C++学习心得——几个输入函数

最全输入函数 c/c++ 一: c=getchar(); 功能:读入一个字符 说明:调用此函数时要求在程序的第一行有预编译命令:#include,不过在做c++时 有#include也够了。变量c获...

Hibernate学习心得

  • 2017年03月20日 22:28
  • 25KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript学习心得
举报原因:
原因补充:

(最多只允许输入30个字)