jquery笔记（熟能生巧）0-----核心，事件，效果（核心之总结）

最新推荐文章于 2020-12-10 11:19:03 发布

雨相也

最新推荐文章于 2020-12-10 11:19:03 发布

阅读量191

点赞数

本文链接：https://blog.csdn.net/g_b_y/article/details/8802293

版权

1.核心

ready（），holdReady（），size（），each（），selector,context,
index()(获取index值，可以是选择器也可以是元素值)。removeData（）在元素上移除存放的数据。
jQuery.noConflict():运行这个函数将变量$的控制权让渡给第一个实现它的那个库。
/
总结：选择器，得到元素，获取index数值，每个，队列，换库。
/

2.事件

事件(ready(),on(),off(),bind(),one(),trigger(),triggerHandler(),unbind,lice,die,delegate)\\\
//

总结：对象是页面的各种元素：一旦加载文档后执行的函数，各种触发绑定函数，鼠标悬停事件，焦点触发与获得事件，鼠标键盘时间，
窗口改变大小事件，滚动条变化时，选中的时候，提交时，离开页面时。
///
ready(fn):
当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
这是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。
简单地说，这个方法纯粹是对向window.load事件注册事件的替代方法。
通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，
而99.99%的JavaScript函数都需要在那一刻执行。
有一个参数－－对jQuery函数的引用－－会传递到这个ready事件处理函数中。
可以给这个参数任意起一个名字，并因此可以不再担心命名冲突而放心地使用$别名。
请确保在 <body> 元素的onload事件中没有注册函数，否则不会触发+$(document).ready()事件。
可以在同一个页面中无限次地使用$(document).ready()事件。
其中注册的函数会按照（代码中的）先后顺序依次执行
on(events,[selector],[data],fn):
在选择元素上绑定一个或多个事件的事件处理函数。
events:一个或多个用空格分隔的事件类型和可选的命名空间，如"click"或"keydown.myPlugin" 。
selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择的< null或省略
，当它到达选定的元素，事件总是触发。
data:当一个事件被触发时要传递event.data给事件处理函数。
fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写，返回false。
off(events,[selector],fn):
在选择元素上移除一个或多个事件的事件处理函数。
bind（type，[data],fn）:为每个匹配元素的特定事件绑定事件处理函数。
one(type,[data],fn):为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。
trigger(type,[data],fn):在每个匹配的元素上触发某类事件;
triggerHandler(type,[data]):
live():jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。
delegate():指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

3.效果：

总结：展示，toggle，fadeto，动画,时间变化等效果

//
show(speed,函数)：
函数在动画speed执行完后执行。
show(speed,easing,fn):
easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear";
fadeTo([speed],opacity,[easing],[fn]):
speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000)
opacity:一个0至1之间表示透明度的数字。
easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear"
fn:在动画完成时执行的函数，每个元素执行一次
animate(params,[speed],[easing],[fn]):
stop([clearQueue],[gotoEnd] )
delay(duration,[queueName])
jQuery.fx.off
jQuery.fx.interval
//