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()
4
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() 用于动画或效果完成前对它们进行停止;
来源: http://www.bubuko.com/infodetail-3337865.html