您好,登录后才能下订单哦!
表单验证
  $('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);
  })
  复选框控制表格行高亮
  $('tbdoy>tr').click(function(){
           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');
      } 
  }); 
最下端滚轮加载事件
$(function () {
      $(window).scroll(function () {
          if (arrivedAtBottom()) {
              var wid = $("#wid").val();
              var index = $("#index").val();
              var count = $("#count").val();
              var load = '<tr class="re"><td><img src="images/3271623453203.gif" /></td><td class="td1"></td></tr>';
              if (parseInt(index) * 100 < parseInt(count))
                  $.ajax({
                      type: "Post",
                      url: "ashx/LinksFangZhiS.ashx",
                      data: { "wid": wid, "index": parseInt(index) + 1 },
                      beforeSend: function () {
                          $(".listable").append(load);
                      },
                      complete: function () {
                          $("tr").remove(".re");
                      },
                      success: function (back) {
                          $(".listable").append(back);
                          $("#index").val(parseInt(index) + 1);
                      }
                  });
          }
      });
    var arrivedAtBottom = function () {
          return $(document).scrollTop() + $(window).height() == $(document).height();
      }
  });
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。