Jquery 处理方法参数

表单验证

$('form:input').blur(function(){

           var checkEmail=/.+@.+\.[a-zA-Z]{2,4}$/;

            if($(this).is('#email')){

                      if(this.value==""||!checkEmail.test(this.value)){

                        ·····

                      }

            }

            if($(this).is('#username')){

             ······

             }

}).keyup(function(){

           $(this).triggerHandler("blur");

}).focus(function(

           $(this).triggerHandler("blur");

))

表格隔行变色

CSS

 .even{background:#FFF38F;}

 .odd{background:#FFFFEE;}

$(function(){

        $("tbody>tr:odd").addClass("odd");

        $("tbody>tr:even").addClass("even");

        $("tr:contains('王武')").addClass("odd");

        //另外一种用法

        $('tr').filter(":contains('李')").addClass('odd');

})

单选框控制表格高亮

$('tbdoy>tr').click(function(){

         $(this).addClass('selected').siblings().removeClass('selected').end()

         .find(':radio').attr('checked',true);

复选框控制表格行高亮

         if($(this).hasClass('selected')){

         $(this).removeClass('selected').find(':checkbox').attr('checked',false);

 }else{

         $(this).addClass('selected').find(':checkbox').attr('checked',true);

 }

}

三元运算----添加或移除selected类

var hasSelected=$(this).hasClass('selected');

$(this)[hasSelected?"removeClass":"addClass"]('selected');

表格展开关闭

<tbody>

 <tr class='parent' id='row_01'><td>第一行</td></tr>

 <tr class='child_row_01'><td>第一行子集</td></tr>

</tbody>

$('tr.parent').click(function(){

 $(this).toggleClass("selected")  //添加、删除高亮

 .sibings('.clild_'+this.id).toggle(); 影藏、显示所谓的子行

网页选项卡切换

var $ div_li=$("div.tab_menu ul li");

$div_li.click(function(){

 $(this).addClass("selected").siblings().removeClass("selected");

 var index=$div_li.index(this);

 $("div.tab_box>div").eq(index).show().sibings().hide();

}).hover(function(){

 $(this).addClass("hover");

},function(){

 $(this).removeClass("hover");

异步  （表单序列化元素）

$.ajax({

 type:"get",

 url:"test.json",

 dataType:html/script/json/jsonp/text,

 data:$("#form1").serialize(),

 beforeSend:function(){

 },

 complete:function(){

 success:function(data){ 

 error:function(){

JSONP

 flightHandler({

    "code": "CA1998",

    "price": 1780,

    "tickets": 5

});

$.ajax({            

    type: "get",           

    async: false,                 

 url:"http://flightQuery.com/jsonp/flightResult.aspx?code=CA1998",

    dataType: "jsonp",             

 jsonp:"callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)             jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据 

    success: function(json){

            alert('您查询到航班信息：票价： ' + json.price + ' 元，余票： ' + json.tickets + ' 张。');

    },

    error: function(){

             alert('fail');

    }

最下端滚轮加载事件