jQuery事件

作者: 湾里晴空 | 来源:发表于2018-05-23 11:04 被阅读0次

    jQuery如下函数如何使用?演示使用方法

    .show()
    .hide()
    .slideUp
    .slideDown
    .slideToggle
    .fadeIn
    .fadeOut
    .animate
    
     $('button').on('click',function(){
          $('.amt').show()
    })  //用于显示元素
     $('button').on('click',function(){
          $('.amt').hide()
    })  //用于隐藏元素
     $('button').on('click',function(){
          $('.amt').slideUp()
    })  //  将元素向上滑动
     $('button').on('click',function(){
          $('.amt').slideDown()
    })  //  将元素向下滑动
     $('button').on('click',function(){
          $('.amt').slideToggle()
    })  //  将元素上下滑动切换
     $('button').on('click',function(){
          $('.amt').fadeIn(‘slow’)
    })  //  元素缓慢淡入
    
     $('button').on('click',function(){
          $('.amt').fadeOut(‘slow’)
    })  //  元素缓慢淡出
    
    $('.amt').animate({
    opacity:0.5,
    left:‘+=30’,
    height:‘toggle’
    },1000,function(){
    console.log('动画结束')})  // 可以自定义动画,第一个参数是一组对象,元素将根据这组对象中设置的参数进行移动;第二个参数是动画总共运行的时间;最后一个参数是动画结束时的需要的结果
    

    介绍以下函数的用法

    $.ajax
    $.get
    $.getJSON
    
    • 对于$.ajax,有以下范例
    $.ajax({
    url: 'xxx.php',
    method:'GET',
    data:{
    name : 'Byron',
    age:24,
    sex: 'Male'
    }
    }).done(function(result){
      console.log('result')
    }).fail(function(jqXHR , textStatus){
    console.log(testStatus);
    })
    
    • 关于'.get',对于比较简单的和服务器通信,可以直接使用get这种用法
    $.get('xxx.php').done(function(ret){
         console.log('ret')
    })
    $.get('xxx.php').done(function(ret){
         console.log('ret')
    })
    
    • 对于'.getJSON'方法
      使用一个HTTP GET请求从服务器加载JSON编码的数据,这是一个Ajax函数的缩写

    相关文章

      网友评论

        本文标题:jQuery事件

        本文链接:https://www.haomeiwen.com/subject/fvaljftx.html