关于节点,jquery的使用以及动画效果

1 节点:

parentNode:父级节点

childNodes:子级节点集

firstChild:第一个子级节点

lastChild:最后一个子级节点

nextSibling:同级下一个节点

previousSibling:同级上一个节点

2 jquery,每次饮用前我们可以引用一个Jquery文件然后再引用自己的Jquery文件,引用的文件需要在自己文件的上面,关于选择器的写法如下

$(‘#id’);$(‘p’);$(‘[href=”#”]’);$(‘.cla’)

3 事件属性的写法

$(‘p’).click(function(){});jq冲突问题:$其他js可以会使用,释放$ var jq= jQuery.noConflict()

1、隐藏/显示

$(‘div’).hide();$(‘div’).show();$(‘div’).toggle();

2、淡入淡出

fadeIn(speed,callback);淡入

fadeOut(speed,callback);淡出

fadeToggle(speed,callback);淡入淡出切换;

fadeTo(speed.opacity,callback);渐变为给定的不透明度

3、滑动

slideDown(speed,callback);向下滑动

slideUp(speed,callback);向上滑动

slideToggle(speed,callback);滑动之间切换

4、动画

animate({params},speed,callback);

可以使用相对值:

$(div).animate({

left:’200px’,

height: ‘+=150px’,

});

只有数字值可创建动画(比如margin:30px),字符串值无法创建动画(比如background-color:red)

Animate({},1000,function(){})动画的写法

队列功能:多个不同的动画会按照队列顺序执行;

stop()用于动画或效果完成前对它们进行停止;

猜你喜欢

转载自www.cnblogs.com/mmore123/p/12061133.html