首页 > Web开发 > 详细

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

时间:2019-12-18 17:54:13      阅读:92      评论:0      收藏:0      [点我收藏+]

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()用于动画或效果完成前对它们进行停止;

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

原文:https://www.cnblogs.com/mmore123/p/12061133.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!