jquery的幾個常用方法

• 關鍵詞：

.bind()

.unbind()

.css()

.hasclass()

.removeclass

.parent()

.children()

.html()

.hide()

.show()

.attr()

.val()

• .unbind() .bind()的使用

//給所有必填框添加框添加事件
        $('.bs').each(function (obj) {
            $(this).unbind().bind('blur', function () {
                BSCheck(this);
            })
        })

•  .css的使用

$('.tbodyclose').each(function () {
            $(this).css("display", "none");
        });

• .parent() .children()的使用

 //當先選擇後面控制項後，把金額設置成必填，把其它控制項設置成非必填；把需要必填的欄位設置為必填
        if ($(obj).attr("checked") == true) {
            $(obj).parent().children().each(function (obj) {
                if ($(this).hasClass('input_money') == true) {
                    $(this).addClass("Required0");
                }
                if ($(this).hasClass('ds') == true) {
                    $(this).removeClass('Required');
                }
                if ($(this).hasClass('dsT') == true) {
                    $(this).removeClass('Required');
                }
                if ($(this).hasClass("fjbs") == true) {
                    $(this).addClass("Required");
                }
                if ($(this).hasClass("bs") == true) {
                    $(this).addClass("Required");
                }
            })
        }

• .html() .hide() .show() .attr() .val() 的使用

//根據交通方法，顯示每種交通方式可使用的等級
    function SetKZ(item) {
        var select1;
        JSMDXCBUS($(item).attr("id"));//當交通工具修改後，重算
        $(item).parent().children().each(function (allitem) {
            if ($(this).attr("name") == " - ") {
                select1 = $(this);
            }
        });
        if ($(item).val() == "飛機") {
            $(select1).attr("class", "Required inputText");
            $(select1).show();
            $(select1).html('<option value="請選擇">請選擇</option><option value="頭等艙">頭等艙</option><option value="商務艙">商務艙</option><option value="經濟艙">經濟艙</option>');
        }
        else if ($(item).val() == "火車") {
            $(select1).attr("class", "Required inputText");
            $(select1).show();
            $(select1).html('<option value="請選擇">請選擇</option><option value="軟卧">軟卧</option><option value="硬卧">硬卧</option><option value="軟座">軟座</option><option value="硬座">硬座</option><option value="一等座">一等座</option><option value="二等座">二等座</option>');
        }
        else if ($(item).val() == "輪船") {
            $(select1).attr("class", "Required inputText");
            $(select1).show();
            $(select1).html('<option value="請選擇">請選擇</option><option value="一等艙">一等艙</option><option value="二等艙">二等艙</option><option value="三等艙">三等艙</option>');
        }
        else {
            $(select1).removeClass("Required");
            $(select1).hide();
            $(select1).val("");
            $(select1).html("");
        }
    }