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()；//清空下拉框