jquery知识点汇总

delegate 注册事件和on注册事件

$('body').delegate('.target', 'click', function(){ /* 单击回调处理*/})；
$('body').delegate('#target', 'dblclick', function(){ /* 双击回调处理*/})；

$("p").on("click", function(){
    alert("段落被点击了。");
 });

注: .on()是jQuery事件的提供者，其他的事件绑定方法都是通过.on()来实现的
bind: function( types, data, fn ) {
    return this.on( types, null, data, fn );
},
unbind: function( types, fn ) {
    return this.off( types, null, fn );
},
live: function( types, data, fn ) {
    jQuery( this.context ).on( types, this.selector, data, fn );
    return this;
},
die: function( types, fn ) {
    jQuery( this.context ).off( types, this.selector || "**", fn );
    return this;
},
delegate: function( selector, types, data, fn ) {
    return this.on( types, selector, data, fn );
},
undelegate: function( selector, types, fn ) {
    return arguments.length === 1 ? this.off( selector, "**" ) : this.off( types, selector || "**", fn );
},

事件冒泡和事件默认行为

$('#foo').click(function(event){
    event.stopPropagation();
});
$('#foo').click(function(event){
    event.preventDefault();
});

常用自定义效果

$('.gssideBar').animate({width:"10px"},200);
$('.gssideBar').css('display',"none");
$('.gssideBar').attr("class","orgfiter_downupbtn");


//jquery内置效果
$('.operatBox').slideDown(200);
$('.operatBox').slideUp(200);
$('.operatBox').slideToggle(200);//在slideDown和slideUp之间切换
$('.operatBox').fadeIn(200);
$('.operatBox').fadeOut(200);
$('.operatBox').show(200);
$('.operatBox').hide(200);

$.ajax() 请求

//基本写法
$.ajax({
    url:"http://www.microsoft.com",    //请求的url地址
    dataType:"json",   //返回格式为json
    headers: {"Authorization": Auth },
    async:true,//请求是否异步，默认为异步，这也是ajax重要特性
    data:{"id":"value"},    //参数值
    type:"GET",   //请求方式 POST PUT DELETE
    beforeSend:function(){
        //请求前的处理
    },
    success:function(data){
          // data = jQuery.parseJSON(data);  //dataType指明了返回数据为json类型，故不需要再反序列化
    },
    complete:function(){
        //请求完成的处理
    },
    error:function(XMLHttpRequest, textStatus, errorThrown){
        //请求出错处理
    }
});

//登陆请求封装一
function requestLogin(){
    var result;
    $.ajax({
         url: '/login',
         data:{name:'test',pwd:'123'},
         dataType:'json',
         async:false
        }).done(function(data, status, xhr){
          result=data;
        });
    return result;
}