jquery小结

1：页面载入
    $(document).ready(function(){ $("#id").click(function(){ alert("aaaaaa") }) } );
        $(function(){  $("#id").click(function(){  alert("aaaaaa") }) })
2：事件：
        调用：click()；
        定义：click(function(){   alert("aaaaaa")   })
        事件有：
            失去焦点：blur；  失去焦点并内容改变：change ；    获得焦点：focus
            单击：click ；  双击：dblclick
            发生错误：error；      如： 图片地址错误，$("img").error(function(){ $(this).hide(); });
            键盘 按下： keydown；   $(window).keydown(function(event){ switch(event.keyCode) { 不同的按键可以做不同的
            事情  不同的浏览器的keycode不同  更多详细信息: http://unixpapa.com/js/key.html // ... } });
                        keypress(按下并松开),keyup;
            鼠标事件：mousedown(fn),mousemove,mouseout,mouseover,mouseup
            窗口大小改变：resize： $(window).resize(function(){ alert("Stop it!"); });
      页面滚动：scroll(fn) $(window).scroll( function(){})
      表单提交：sumbit; $("form").submit( function () { return false; } );
      页面打开与关闭：load，unload，


      事件切换：hover(鼠标over,out)，toggle(第一次点击fn，第二次点击fn，..........)

3:css:
      取得css样式：css(name)
      设置css样式：$("p").css( { color: "#ff0011", background: "blue" } )
                  $("p").css( "color","red" )
      获取当前位置：offset()  有left与top，同position


      上移与左移：scrollTop(val),scrollLeft(val)

４：其他知识点小结。

　　　Ａ：click与live("click",function(){})的区别

　　　　　对于页面加载完就存在于页面的两者是一样的。但是对于有些按扭是在其他的事件中添加上去要用live，采用动态绑定。最好的用$("input.class").live("click",function(){})

           B：ajax的同步与异步

　　　　什么情况下会遇到呢，就是在你想在执行完异步请求后再根据请求结果对表单提交或其他做控制时。

　　　　jquery的async:false,这个属性
　　　　默认是true：异步，false：同步。

　　　　$.ajax({ 

       　　　 type: "post", 

       　　　url: "path", 

       　　　cache:false, 

       　　　async:false, 

        　　　dataType: ($.browser.msie) ? "text" : "xml", 

         　　　success: function(xmlobj){ 

       　　　 }  

　　　　});

　　　Ｃ：部分表单提交，整个页面不做跳转，用iframe

　　　　　<iframe id="detailiframe" src="/campaignNew/list" width="1200" height="600" style="border: 0"></iframe>

　　　　　修改iframe的页面

　　　　　document.getElementById("detailiframe").src="/campaignNew/searchCampaignByParams?"+paramsStr

　　　　Ｄ：看下下面两行代码的的意思。

　　　　　　Number($("input[name='postage']:radio:checked").attr('fee'))

　　　　　　$("input[name='postage']:checked").parent("li").siblings().children("input").removeAttr("disabled")

　　　　Ｅ：页面的显示与隐藏

　　　　<div id="process_inf">
   　　　　 <ul>
      　　　　  <li><a href="#" class="current">基本信息</a> </li>
       　　　　 <li><a href="#">商品明细</a></li>
       　　　　 <li><a href="#">收货信息</a></li>
        　　　　<li><a href="#">操作日志</a></li>
   　　　　 </ul>
  　　　　　  <div style="clear: both"></div>
　　　　</div>

　　　　$("#process_inf a").click(function(){
               　 var bb=$('a').index(this);
               　 $("a").removeClass("current");
             　   $("a").eq(bb).addClass("current");
           　     $('div.basis_inf').hide();
           　     $('div.basis_inf').eq(bb).show();
          　  });

　　　　Ｆ：如果传到controller里的参数为多个同名或只有一个

　　　　params.list("attrName")