jQuery事件

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函数的缩写