JS常用代码片段截取

1.tab

(由于本人对css功底浅薄,没有办法把 JQuery 中tab的样式改为自己所需要的样式,并使其在所有浏览器下都兼容,后来发现

它本身的样式在Opera 中也是有问题的,于是干脆自己写。。。突然想起以前使用的时候 tab 和 tab body 必须放在一个div下,然后某某

情况下,我需要不把它们放在一个div下,结果就用不了了,还是得自己写。)

function tab(tab){

                     // 要用到的 tab ID

                    var tabs = new Array(‘#tab_border’, ‘#tab_general’,’#tab_graph’,’#tab_coordinate’,’#tab_thresholdLine’);

                    for(var i = 0; i < tabs.length; i++){

                        if(tab == tabs[i]){

                            $(tab).removeClass("stab_out");

                            $(tab).addClass("stab_on");

                            $(tabs[i].replace(‘tab’, ‘data’)).css("display", "block");

                        }else{

                            $(tabs[i]).addClass("stab_out");

                            $(tabs[i]).removeClass("stab_on");

                            $(tabs[i].replace(‘tab’, ‘data’)).css("display", "none");

                        }

                    }

                }



鼠标点击的 tab id 使用 tab_xxx 命名,tab 变换的部分 id 使用 data_xxx命名,注意xxx要相对应匹配。





2.使一个页面中的所有select值都为默认

$(document).ready(function(){

                     $("select").each(function(i){

                         $(this).attr("value","XXX");

                     });

                 });





3.判断一个对象是否为空

function isEmpty(o) {

    var i, v;

    if (typeof(o) === ‘object’) {

        for (i in o) {

            v = o[i];

            if (v !== undefined && typeof(v) !== ‘function’) {

                return false;

            }

        }

    }

    return true;

}





4.界面取得 value (eg. 3.0)和 后台传送的 value (eg. 3.)比较两个值是否变化时可使用相减是否为0进行判断



5.jquery radio,checkbox,select操作



获取一组radio被选中项的值

var item = $(‘input[@name=items][@checked]’).val();

获取select被选中项的文本

var item = $("select[@name=items] option[@selected]").text();

select下拉框的第二个元素为当前选中值

$(‘#select_id’)[0].selectedIndex = 1;

radio单选组的第二个元素为当前选中值

$(‘input[@name=items]’).get(1).checked = true;



获取值:

文本框,文本区域:$("#txt").attr("value");

多选框checkbox:$("#checkbox_id").attr("value");

单选组radio:   $("input[@type=radio][@checked]").val();

下拉框select: $(‘#sel’).val();



控制表单元素:

文本框,文本区域:$("#txt").attr("value",’’);//清空内容

                 $("#txt").attr("value",’11’);//填充内容



多选框checkbox: $("#chk1").attr("checked",’’);//不打勾

                 $("#chk2").attr("checked",true);//打勾

                 if($("#chk1").attr(‘checked’)==undefined) //判断是否已经打勾



单选组radio:    $("input[@type=radio]").attr("checked",’2’);//设置value=2的项目为当前选中项



下拉框select:   $("#sel").attr("value",’-sel3’);//设置value=-sel3的项目为当前选中项

               
$("<option value=’1’>1111</option><option
value=’2’>2222</option>").appendTo("#sel")//添加下拉框的option

                $("#sel").empty();//清空下拉框