jq的一些常用方法及一些頁面的樣式修改

1.jq添加樣式

$("div").css({ width: "100px", height: "100px", background: "red" });

2.jq頁面初始化方法

$(function(){ 
            $(".dialog-header-button.winmax").hide();
            $(".dialog-header-button.winmin").hide();
        }); 

3.jq隱藏和展示

$(function(){ 
            $(".dialog-header-button.winmax").show();
            $(".dialog-header-button.winmin").hide();
        }); 

4.改變點擊事件

$("#test input,select,textarea").change(function() {}

$("#test input,select,textarea").click(function() {}

5.獲取值

var wtbh = $('#wtbh').val();

6.出現後消失

$("#warning").html("<a>聯繫電話輸入錯誤</a>").show().delay(2000)
                        .hide(300);

7.正則：

//手機
            var phonereg=/^1(3|4|5|7|8)\d{9}$/;
            //數字
            var mathreg=/^[0-9]*$/;

!(mathreg.test(lxdh))

8.ajax

$(function() {
            $.ajax({
                url:cube.gateway+"/jlDubanDbdgyjh/getbydbdid?dbdid="+item.id,
                type:"get",
                async: false,//是否異步
                success:function(respData){
                     DBDGYJHitem = eval(respData.resultValue);  
                }
            })
        });

9.

頁面中的樣式可以重寫框架自帶的樣式,

class用.獲取中間空格用.代替

id用#獲取

.modal.fade.in{
        top:90px;  
    }

10.更改屬性

$("#test input,select,textarea").attr("disabled","disabled");//都不可編輯

11.設置值

$("#warning").html("<a>手機輸入錯誤</a>").show().delay(2000)

12.序列化,轉json

var params =$('form').serializeObject（);

JSON.stringify(params)