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({
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函数的缩写
网友评论