`

JQuery基础教程学习第四章笔记

阅读更多

1、css()方法
可以修改或取值,写法如下:
(1)获取css的中属性的方法
  .css('property1');
(2)修改css中的属性值
  .css('property1','value1');
  .css({'property1':'value1',property2:'value2'});
 parseFloat()函数,第一个参数是要转化的string值,要求必须以数字开头,第二个参数是转化的浮点数,如十进制等等
slice()获取从参数开始的子字符串,可以是正数和负数。
2、基本的显示和隐藏
.hide()和.show();两个方法不带任何参数,表示立即隐藏或显示匹配的元素集合,不带任何动画效果。
函数带参数则表明采用动画的方式进行,速度的参数有:slow、normal和fast及具体数值。
3、多重效果
fadeIn()、fadeOut()、fadeTo(),slideDown()、slideUp();
4、animate()多重效果,可以采用连缀的方式一点点增加效果。
(1)一组元素上的效果
当在一个animate()方法中以多个属性的方式应用时,是同时发生的。
当以方法连缀的方式应用时,是按顺序发生的。
(2)多组元素上的效果
默认情况下是同时发生的
当在事件中处理回调函数时,是按顺序发生的。
$(document).ready(function(){
 $('div .label').click(function(){
$('div .button').fadeTo('slow',0.5)
.amimate({left:650},'slow')
.fadeTo('slow',1.0,function(){
 $(this).css('backgroundColor','#foo');
 });
    });
});

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics